主应用程序屏幕没有这个问题,所有的文本显示他们应该。
然而,在新屏幕中,所有的文本部件下面都有一些奇怪的黄线/双线。
你知道为什么会这样吗?
主应用程序屏幕没有这个问题,所有的文本显示他们应该。
然而,在新屏幕中,所有的文本部件下面都有一些奇怪的黄线/双线。
你知道为什么会这样吗?
当前回答
只是给这些答案加上了另一种方式。
将根小部件包装在DefaultTextStyle小部件周围。这里不需要修改每个Text小部件。
DefaultTextStyle(
style: TextStyle(decoration: TextDecoration.none),
child : Your_RootWidget
)
希望它能帮助到别人。
其他回答
还有另一种解决方案,特别是当您使用多个页面包装在main下面时。你可以这样做:
child: MaterialApp(
home: Material(child: Wrapper()),
),
这将删除在包装器下引用/使用的任何页面中出现的文本下的黄线。
问题是有没有脚手架。 Scaffold是材料应用程序(AppBar, Drawer之类的东西)的助手。但你并没有被迫使用Material。
你缺少的是一个DefaultTextStyle的父实例:
DefaultTextStyle(
style: TextStyle(...),
child: Text('Hello world'),
)
各种小部件添加一个来更改默认的文本主题,如脚手架,对话框,AppBar, ListTile,…
它是DefaultTextStyle,它允许你的应用栏标题在默认情况下加粗。
添加材质小部件作为根元素。
@override
Widget build(BuildContext context) {
return Material(
type: MaterialType.transparency,
child: new Container(
黄线来自_errorTextStyle。文档声明你应该定义一个DefaultTextStyle父类(或者使用Material,它可以为你做这件事):
MaterialApp使用这个TextStyle作为它的DefaultTextStyle来鼓励开发者有意识地使用他们的DefaultTextStyle。 在材质设计中,大多数文本小部件都包含在材质小部件中,这设置了一个特定的DefaultTextStyle。如果您看到使用这种文本样式的文本,请考虑将文本放在Material小部件(或另一个设置DefaultTextStyle的小部件)中。
开发没有素材的Flutter应用程序不是大多数人做的事情,但如果这是你的用例,你应该使用DefaultTextStyle。
与公认的答案相反,Theme没有设置DefaultTextStyle,因此它不能解决您的问题。Scaffold确实解决了这个问题,因为它包含了Material,而Material又定义了DefaultTextStyle,但是对于对话框、英雄等来说,Scaffold有点超出了你的需要。
要永久地解决整个应用程序的这个问题,你可以在MaterialApp构建器中设置DefaultTextStyle。这解决了应用程序的所有组件的问题,而不仅仅是你正在处理的当前屏幕。
我推荐这种方法,因为你可以做一次,它将覆盖你的整个应用程序。
在MaterialApp的构建器下添加DefaultTextStyle,如下所示:
child: MaterialApp(
...
...
theme: yourThemeData,
builder: (context, child) => DefaultTextStyle(
style: yourThemeData.textTheme.bodyText1,
child: child,
),
),
通过这样做,我们不需要每次使用showDialog或Overlay时都指定样式或使用DefaultTextTheme。