微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何生成 Flutter 文本字段,在提供建议的情况下为不正确的单词加下划线?

一张图胜过一千个字,让我告诉你我试图实现的目标:

enter image description here

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

有人吗?

解决方法

您可以使用 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?',// can add more TextSpans here...
            ],);

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。