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

本文主要是介绍Flutter Text文字下方出现黄色双下划线，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在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),),

这篇关于Flutter Text文字下方出现黄色双下划线的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---