在文本小部件中为不同的字母颤动不同的颜色

Question

我有一个用例，我想更改 Text 小部件内字符串中字母的颜色。假设我的字符串是“Flutter”。在按下FloatingActionButton 时，我希望字母'F' 改变它的颜色，然后在下一次按下FloatingActionButton 时，改变字母'l' 的颜色，然后是'u'，然后是't'，然后't'，然后是 'e'，最后是 'r'，每按一次FloatingActionButton。

请不要建议为每个字母使用不同的 Text 小部件。

Answer 1

您可以使用RichText 小部件和不同的TextSpans 来执行此操作。您可以阅读文档以进一步熟悉它。 https://api.flutter.dev/flutter/widgets/RichText-class.html