颤振中的文本部件下的黄线?

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

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

你知道为什么会这样吗?

当前回答

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

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

其他回答

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

你应该在main中添加Material和Scaffold部件。飞镖文件

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

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

解决办法:把它包起来!

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

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

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

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

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

希望它能帮助到别人。

文本有一个隐藏的默认文本样式 .出现问题是因为您不能将此提供给任何父小部件，例如Scaffold。文本小部件采用默认样式。对于你的解决方案，你可以像这样改变DefaultTextStyle。

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

或者只是包装到脚手架，脚手架是一个小部件。它提供了脚手架用于应用程序中的页面。像这样

 MaterialApp(
  home: Scaffold(
    body: Text('Wakey Wakey!'),
  ),
);

要了解更多信息，请浏览这个颤振官方视频。

黄色下划线文本|解码颤振

推荐文章