Added hold duration in rotate and fade animation

[aakash-pamnani]

Added holdDuration and animationDuration parameter in rotate animation and
holdDuration, fadeInDuration and fadeOutDuration in fade animation.
If works the will add in other animations also.

Video Sample

DefaultTextStyle(
                  style: TextStyle(
                    fontSize: 40.0,
                    fontFamily: 'Horizon',
                  ),
                  child: AnimatedTextKit(
                    animatedTexts: [
                      RotateAnimatedText('AWESOME',
                          holdDuration: Duration(seconds: 1)),
                      RotateAnimatedText('OPTIMISTIC'),
                      RotateAnimatedText(
                        'DIFFERENT',
                        textStyle: const TextStyle(
                          decoration: TextDecoration.underline,
                        ),
                        holdDuration: Duration(seconds: 5),
                      ),
                    ],
                    onTap: onTap,
                    isRepeatingAnimation: true,
                    totalRepeatCount: 10,
                  ),
                ),

Animated.Text.Kit.-.Google.Chrome.2024-06-05.01-09-26.mp4

DefaultTextStyle(
          style: const TextStyle(
            fontSize: 32.0,
            fontWeight: FontWeight.bold,
          ),
          child: AnimatedTextKit(
            animatedTexts: [
              FadeAnimatedText(
                'do IT!',
                holdDuration: Duration(seconds: 2),
                fadeInDuration: Duration(milliseconds: 5000),
              ),
              FadeAnimatedText('do it RIGHT!!',
                  holdDuration: Duration(seconds: 2)),
              FadeAnimatedText('do it RIGHT NOW!!!',
                  holdDuration: Duration(seconds: 2)),
            ],
            onTap: onTap,
          ),
        ),

AnimatedTextKit-GoogleChrome2024-06-0501-13-04-ezgif.com-video-cutter.mp4

Solves : #340

@aagarwal1012

[guyluz11]

Can you give an example for Flicker animation as this is the one you mentioned as a fixed

[queendevelopers]

Can you give an example for Flicker animation as this is the one you mentioned as a fixed
You can use pause and speed parameter. Pause defines the duration between texts, whereas Speed will set the total duration to render a animated widget.

      AnimatedTextExample(
        label: 'Flicker',
        color: Colors.pink[300],
        child: DefaultTextStyle(
          style: const TextStyle(
            fontSize: 35,
            color: Colors.white,
            shadows: [
              Shadow(
                blurRadius: 7.0,
                color: Colors.white,
                offset: Offset(0, 0),
              ),
            ],
          ),
          child: AnimatedTextKit(pause: Duration(seconds: 2),
            animatedTexts: [
              FlickerAnimatedText('Flicker Frenzy',speed: Duration(seconds: 4)),
              FlickerAnimatedText('Night Vibes On',speed: Duration(seconds: 4)),
              FlickerAnimatedText("C'est La Vie !",speed: Duration(seconds: 4)),
            ],
            onTap: onTap,
          ),
        ),
      ),