string - 如何在颤动的文本小部件中动态更改段落中某些单词的颜色

Question

假设给你两个字符串。一个包含要着色的单词，另一个包含段落。例子：

列出单词 =["cow","milk","cattle" ];

字符串段落 =“牛，或奶牛（雌性）和公牛（雄性），是大型驯化的偶蹄草食动物。它们是牛亚科的重要现代成员，是牛属中分布最广的物种，也是最常见的统称为金牛座。”；

我需要段落中的这些单词是彩色的或可链接的文本。帮助请

像图片一样

Answer 1

您需要拆分段落中的所有单词，然后在从列表中检查后为每个单词动态分配 Richtext > TextSpan。

Answer 2

结帐突出显示文本。这是一个小例子，你可以如何达到你想要的效果。

Map<String, HighlightedWord> words = {
    "cow": HighlightedWord(
        textStyle: textStyle,
    ),
    "milk": HighlightedWord(
       
        textStyle: textStyle,
    ),
    "cattle": HighlightedWord(
       
        textStyle: textStyle,
    ),
};

你的文字

TextHighlight(
    text: text, // Your text
    words: words, // Your highlighted words
);