aagarwal1012 / Animated-Text-Kit

đź”” A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]
https://animated-text-kit.web.app
MIT License
1.66k stars 304 forks source link

Added hold duration in rotate and fade animation #341

Open aakash-pamnani opened 4 months ago

aakash-pamnani commented 4 months ago

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,
                  ),
                ),

https://github.com/aagarwal1012/Animated-Text-Kit/assets/76067278/d726c948-29e9-4b99-90d8-2872eb02825d

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,
          ),
        ),

https://github.com/aagarwal1012/Animated-Text-Kit/assets/76067278/7efff1d4-0a24-43db-b0f9-a8871d917b59

Solves : #340

@aagarwal1012