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

本文讲述了在Flutter中,使用非Material风格的Stack组件作为根节点时,Text组件会出现黄色下划线的问题。提供了两种解决方案:一是将根节点改为Material或Scaffold,二是针对问题Text设置decoration为none。
摘要由CSDN通过智能技术生成
在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),),

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值