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

慈云数据 2024-05-30 技术支持 52 0
Flutter中,Text组件是属于Material风格的,这就要求我们的根组件最好也是Material风格的,否则UI展示可能会有一些问题。刚刚提到的启动页,根组件直接使用的层叠布局Stack,而Stack就不属于Material风格,当Stack内部嵌套Text的时候就会出现文字下方带有两条黄色下划线的现象。
解决方法

这个问题主要有两种方式解决:

Flutter Text文字下方出现黄色双下划线
(图片来源网络,侵删)

1.修改节点的组件类型为Scaffold或者Material

Scaffold(body: content,);
Material(child: content);

Flutter Text文字下方出现黄色双下划线
(图片来源网络,侵删)

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

child: Text(
       "技术连接世界",
       style:TextStyle(color: Colors.white, decoration: TextDecoration.none),),
微信扫一扫加客服

微信扫一扫加客服

点击启动AI问答
Draggable Icon