如何使用提供的建议生成在不正确的单词下划线的 Flutter 文本字段？

Posted 2023-02-23

【中文标题】如何使用提供的建议生成在不正确的单词下划线的 Flutter 文本字段？

【英文标题】：How to produce Flutter Text Field that underline incorrect words with suggestion provided?

【发布时间】：2021-07-01 22:29:14

【问题描述】：

一张图胜过千言万语，让我告诉你我试图实现的目标：

解决方案可以是使用 Flutter 内置小部件或第三方小部件。

有人吗？

【参考方案1】：

您可以使用 Text.rich() 方法（或 RichText Widget）来实现您想要的。 下面的 sn-p 对应你的截图。

  return Scaffold(
      body: Center(
        child: Text.rich(
          TextSpan(
            text: 'I lost ',
            style: TextStyle(fontSize: 24),
            children: <TextSpan>[
              TextSpan(
                  text: 'Password.',
                  style: TextStyle(
                    decoration: TextDecoration.underline,
                  )),
              TextSpan(
                  text: ' ',),
              TextSpan(
                  text: 'What do?',
                  style: TextStyle(
                    decoration: TextDecoration.underline,
                  )),
              // can add more TextSpans here...
            ],
          ),
        ),
      ),
    );

【讨论】：

感谢您的快速回复。我知道富文本小部件，但我需要的是文本字段输入，而不是显示。

你希望什么样的词被加下划线？您定义的一组单词或包含语法错误的单词？

单词可以是一个句子中的两组单独的单词，也可以是一个段落中的一个句子。也许我需要查看富文本编辑器而不是简单的文本字段来实现此功能。希望这能澄清。