主应用程序屏幕没有这个问题,所有的文本显示他们应该。

然而,在新屏幕中,所有的文本部件下面都有一些奇怪的黄线/双线。

你知道为什么会这样吗?


当前回答

你也可以使用装饰:TextDecoration。无删除下划线

其他回答

只是给这些答案加上了另一种方式。

将根小部件包装在DefaultTextStyle小部件周围。这里不需要修改每个Text小部件。

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

希望它能帮助到别人。

您所需要做的就是提供一个Material小部件,或者一个内部覆盖这个小部件的Scaffold。你可以通过以下方法做到这一点:

使用材料(简单且更好): 材料( 颜色:颜色。transparent, // <——如果需要,添加这个 孩子:文本(“你好”), ) 设置文本。样式属性: 文本( “你好”, style: TextStyle(decoration: TextDecoration.none), //设置 ) 提供支架: 支架(身体:文本('你好'))


修复使用英雄时黄色文本的问题:

就像aaronvargas提到的,当你在两边使用Hero时,你可以把你的child包在Material中。例如:

Hero(
  tag: 'fooTag',
  child: Material( // <--- Provide Material
    type: MaterialType.transparency,
    child: YourWidget(),
  ),
);

使用DefaultTextStyle()小部件设置文本的文本样式。

DefaultTextStyle(
  style: kTempTextStyle,
  child: Text('Hello world'),
)

你可以给你自己的文本样式,因为你想。

const kTempTextStyle = TextStyle(
  fontFamily: 'Spartan MB',
  fontSize: 100.0,
  decoration: null,
);

问题:你的小部件没有默认的文本样式,

解决办法:把它包起来!

DefaultTextStyle(
    style: TextStyle(),
    child: yourWidget,
  );

记住,如果你不设置任何颜色,默认文本颜色是白色!

你也可以把你的脚手架作为你的MaterialApp的家。这对我很管用。

return MaterialApp(
  home: Scaffold(
    body: Container(
      child: SingleChildScrollView(child: Text('Test')),
    ),
  ),
);