如何像这个游戏截图一样为 Flutter 中的 TextSpan 或部分文本设置动画？

Question

您是否有关于如何在 Flutter 中为 TextSpan 或部分文本设置动画以达到与此游戏截图相同的效果的任何指示？

截屏

我知道如何用打字机效果为整个文本设置动画，但不知道如何只为部分文本设置动画。

任何帮助将不胜感激。 非常感谢！

Answer 1

有一些包可以做到这一点，例如https://www.geeksforgeeks.org/animated-text-in-flutter/使用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");
                 },
               ),