How to animate TextSpan or part of a text in Flutter like in this game screenshot?

user_18120066 0
Viewed 240

Do you have any pointers on how to animate TextSpan or part of a text in Flutter to achieve the same effect than in this game screenshot?

screenshot

I know how to animate a whole text with typewriter effect but not how to animate only part of the text.

Any help will be appreciated. Thanks so much!

flutter-animation flutter
1 Answers

There are packages that can do that, for example https://www.geeksforgeeks.org/animated-text-in-flutter/ using the animated_text_kit

AnimatedTextKit(
                 animatedTexts: [
                   TyperAnimatedText('This is Animated text,',
                       textStyle: const TextStyle(
                           color: Colors.white,
                           fontSize: 30,
                           backgroundColor: Colors.purple)),
                   TyperAnimatedText('You are viewing it here.',
                       textStyle: const TextStyle(
                           fontSize: 20, fontWeight: FontWeight.bold)),
                 ],
                 onTap: () {
                   print("I am executing");
                 },
               ),
user_77862940
Related