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

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

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

你知道为什么会这样吗?

当前回答

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

解决办法:把它包起来!

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

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

其他回答

还有另一种解决方案，特别是当您使用多个页面包装在main下面时。你可以这样做:

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

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

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

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

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

解决办法:把它包起来!

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

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

问题是有没有脚手架。 Scaffold是材料应用程序(AppBar, Drawer之类的东西)的助手。但你并没有被迫使用Material。

你缺少的是一个DefaultTextStyle的父实例:

DefaultTextStyle(
  style: TextStyle(...),
  child: Text('Hello world'),
)

各种小部件添加一个来更改默认的文本主题，如脚手架，对话框，AppBar, ListTile，…

它是DefaultTextStyle，它允许你的应用栏标题在默认情况下加粗。

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

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

推荐文章