Flutter中的文本小部件下的黄线？

在我的第一个Flutter应用上工作。应用程序主屏幕没有此问题，所有文本均应显示。

但是，在我正在开发的新屏幕中，所有文本小部件的下面都有一些奇怪的黄线/双线。

有什么想法为什么会这样？

问题是Scaffold没有。 Scaffold是Material应用程序（AppBar，之Drawer类的东西）的助手。但是您并没有被迫使用Material。

您所缺少的是 Theme作为父级。

为什么知道那么重要？因为当您开发模态（showDialog例如使用）时，您将面临相同的问题。但是Scaffold是一个不透明的全屏小部件！而且您显然不希望在您的Modal中使用它。

有很多方法可以引入主题实例。在Material App中，通常是通过实例化MaterialWidget 来实现的。你猜怎么着？Scaffold为您创建一个。但是Dialog也是！

将Material小部件添加为根元素。

@override
  Widget build(BuildContext context) {
    return Material(
        type: MaterialType.transparency,
        child: new Container(

您可以使用Scaffold（通常更好），也可以使用其他提供材料主题的组件，例如简单的Material小部件。

这是示例，使用其中任何一个：

var text = Scaffold(body: Text("Hi"),);
var text2 = Material(child: Text("Hi"),);

作为解决方法，您可以使用：

Text(
  'Your text',
  style: TextStyle(decoration: TextDecoration.none), // removes yellow line
)

文字样式的修饰参数可以设置为none

Text("My Text",
  style: TextStyle(
    decoration: TextDecoration.none,
  )
);

另外，正如其他人提到的那样，如果“文本”小部件位于“脚手架”或“材料”小部件的树中，则不需要装饰文本样式。

您也可以使用修饰：TextDecoration.none删除下划线

只是增加了我遇到这些答案的另一种方式。

将根Widget包裹在DefaultTextStyle Widget周围。此处不必更改每个“文本”小部件。

DefaultTextStyle(
    style: TextStyle(decoration: TextDecoration.none), 
    child : Your_RootWidget
)

希望它能帮助某人。

您应该在main.dart文件中添加Material和Scaffold小部件

 MaterialApp(
  home: Scaffold(
    body: Text('Hello world'),
  ),
);

还有另一种解决方案，尤其是当您使用包裹在main.dart文件下的多个页面时，您可以执行以下操作：

  child: MaterialApp(
    home: Material(child: Wrapper()),
  ),

这将删除包装器下引用/使用的任何页面中存在的文本下的黄线。

您只需要添加Material根小部件。

      @override
       Widget build(BuildContext context) {
      return Material(
         child: new Container(),
        );
       }

有两种方法可用：

在屏幕的父级中使用scaffuld，在小部件的父级中使用材质