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

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

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

你知道为什么会这样吗?

当前回答

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

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

其他回答

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

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

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

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

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

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

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

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

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

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

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

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

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

文本样式有一个可以设置为none的装饰参数

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

另外，正如其他人提到的，如果你的文本小部件在脚手架或材料小部件的树中，你就不需要装饰文本样式了。

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

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

推荐文章