为了账号安全,请及时绑定邮箱和手机立即绑定

Flutter Text文字下方出现黄色双下划线

2021.02.27 17:16 161浏览

问题描述

最近在写Flutter版本的玩Android项目的启动页的时候发现文字的下方出现了两条黄色下划线,一开始有点懵,经过了解发现是我的代码写的有些问题,现在在这里做个记录。
在Flutter中,Text组件是属于Material风格的,这就要求我们的根组件最好也是Material风格的,否则UI展示可能会有一些问题。刚刚提到的启动页,根组件直接使用的层叠布局Stack,而Stack就不属于Material风格,当Stack内部嵌套Text的时候就会出现文字下方带有两条黄色下划线的现象。

解决方法

这个问题主要有两种方式解决:
1.修改根节点的组件类型为Scaffold或者Material

Scaffold(body: content,);

Material(child: content);

2.针对出现问题的Text组件,修改其style下的decoration属性为TextDecoration.none

child: Text(
       "技术连接世界",
       style:TextStyle(color: Colors.white, decoration: TextDecoration.none),),

结语

记录开发过程中遇到的问题,享受技术带来的快乐

点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消