如何生成 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...
            ],
          ),
        ),
      ),
    );