主应用程序屏幕没有这个问题,所有的文本显示他们应该。
然而,在新屏幕中,所有的文本部件下面都有一些奇怪的黄线/双线。
你知道为什么会这样吗?
主应用程序屏幕没有这个问题,所有的文本显示他们应该。
然而,在新屏幕中,所有的文本部件下面都有一些奇怪的黄线/双线。
你知道为什么会这样吗?
当前回答
问题:你的小部件没有默认的文本样式,
解决办法:把它包起来!
DefaultTextStyle(
style: TextStyle(),
child: yourWidget,
);
记住,如果你不设置任何颜色,默认文本颜色是白色!
其他回答
还有另一种解决方案,特别是当您使用多个页面包装在main下面时。你可以这样做:
child: MaterialApp(
home: Material(child: Wrapper()),
),
这将删除在包装器下引用/使用的任何页面中出现的文本下的黄线。
只是给这些答案加上了另一种方式。
将根小部件包装在DefaultTextStyle小部件周围。这里不需要修改每个Text小部件。
DefaultTextStyle(
style: TextStyle(decoration: TextDecoration.none),
child : Your_RootWidget
)
希望它能帮助到别人。
你应该在main中添加Material和Scaffold部件。飞镖文件
MaterialApp(
home: Scaffold(
body: Text('Hello world'),
),
);
您所需要做的就是提供一个Material小部件,或者一个内部覆盖这个小部件的Scaffold。你可以通过以下方法做到这一点:
使用材料(简单且更好): 材料( 颜色:颜色。transparent, // <——如果需要,添加这个 孩子:文本(“你好”), ) 设置文本。样式属性: 文本( “你好”, style: TextStyle(decoration: TextDecoration.none), //设置 ) 提供支架: 支架(身体:文本('你好'))
修复使用英雄时黄色文本的问题:
就像aaronvargas提到的,当你在两边使用Hero时,你可以把你的child包在Material中。例如:
Hero(
tag: 'fooTag',
child: Material( // <--- Provide Material
type: MaterialType.transparency,
child: YourWidget(),
),
);
文本样式有一个可以设置为none的装饰参数
Text("My Text",
style: TextStyle(
decoration: TextDecoration.none,
)
);
另外,正如其他人提到的,如果你的文本小部件在脚手架或材料小部件的树中,你就不需要装饰文本样式了。