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

Question

一张图抵得上一千个字，让我向您展示我试图实现的目标：

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

任何人？

Answer 1

您可以使用 Text.rich() 方法（或RichText Widget ）来实现您想要的。
以下片段对应于您的屏幕截图。

  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...
            ],
          ),
        ),
      ),
    );