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

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

你知道为什么会这样吗?


当前回答

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

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

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

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

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

其他回答

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

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

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

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

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

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

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

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

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

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

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

添加材质小部件作为根元素。

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

我推荐这种方法,因为你可以做一次,它将覆盖你的整个应用程序。

在MaterialApp的构建器下添加DefaultTextStyle,如下所示:

child: MaterialApp(      
  ...
  ...
  theme: yourThemeData,
  builder: (context, child) => DefaultTextStyle(
    style: yourThemeData.textTheme.bodyText1,
    child: child,
  ),
),

通过这样做,我们不需要每次使用showDialog或Overlay时都指定样式或使用DefaultTextTheme。