颤振分裂并使特定单词加粗

时间:2020-04-16 14:00:41

标签: string flutter uiview flutter-test

我有一个像 “嗨,@ username,你好吗” 我想将@username文本更改为粗体...只是@username而不是整个句子

示例:“您好 @用户名您好

2 个答案:

答案 0 :(得分:1)

充分利用 TextSpan

Text _myText;
/*set _myText.text to whatever text you want */
RichText(
  text: TextSpan(
    text: 'Hi',
    style: DefaultTextStyle.of(context).style,
    children: <TextSpan>[
      TextSpan(text: _myText.text, style: TextStyle(fontWeight: FontWeight.bold)),
      TextSpan(text: 'how are you')




],
  ),
)

答案 1 :(得分:0)

这是一个小功能,可以帮您完成,然后返回小部件列表。

List<Text> _transformWord(String word) {
    List<String> name = word.split(' ');
    List<Text> textWidgets = [];
    for (int i = 0; i < name.length; i++) {
      if (name[i].contains('@')) {
        Text bold = Text(
          name[i] + ' ',
          style: TextStyle(
            fontWeight: FontWeight.bold,
          ),
        );
        textWidgets.add(bold);
      } else {
        Text normal = Text(
          name[i] + ' ',
        );
        textWidgets.add(normal);
      }
    }
    return textWidgets;
  }

您将从行小部件中调用此函数

Row(
     children: _transformWord(),
    ),