habib_kids/lib/widgets/solo_screen/countdown_widget.dart

import 'package:animated_text_kit/animated_text_kit.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

class CountdownWidget extends ConsumerWidget {
  const CountdownWidget({
    required bool isStartPressed,
    required Function() onFinish,
    required int initialSpeed,
    Key? key,
  })  : _isStartPressed = isStartPressed,
        _onFinish = onFinish,
        _kInitialSpeed = initialSpeed,
        super(key: key);

  final bool _isStartPressed;
  final Function() _onFinish;
  final int _kInitialSpeed;

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Visibility(
      visible: _isStartPressed,
      child: DefaultTextStyle(
        style: const TextStyle(
          fontSize: 80,
          color: Colors.white,
          fontFamily: 'GoogleSans',
        ),
        child: AnimatedTextKit(
          isRepeatingAnimation: false,
          pause: const Duration(milliseconds: 0),
          onFinished: _onFinish,
          animatedTexts: [
            RotateAnimatedText(
              '3',
              transitionHeight: 100 * 2.5,
              textStyle: const TextStyle(
                color: Colors.white,
              ),
              duration: Duration(milliseconds: _kInitialSpeed),
            ),
            RotateAnimatedText(
              '2',
              transitionHeight: 100 * 2.5,
              textStyle: const TextStyle(
                color: Colors.white,
              ),
              duration: Duration(milliseconds: _kInitialSpeed),
            ),
            RotateAnimatedText(
              '1',
              transitionHeight: 100 * 2.5,
              textStyle: const TextStyle(
                color: Colors.white,
              ),
              duration: Duration(milliseconds: _kInitialSpeed),
            ),
            RotateAnimatedText(
              'GO!',
              textStyle: const TextStyle(
                fontSize: 60,
                color: Colors.white,
              ),
              transitionHeight: 120 * 2.5,
              duration: Duration(milliseconds: _kInitialSpeed),
            ),
          ],
        ),
      ),
    );
  }
}