主应用程序屏幕没有这个问题，所有的文本显示他们应该。
然而，在新屏幕中，所有的文本部件下面都有一些奇怪的黄线/双线。
你知道为什么会这样吗?
当前回答
你应该在main中添加Material和Scaffold部件。飞镖文件
MaterialApp(
home: Scaffold(
body: Text('Hello world'),
),
);
其他回答
之前
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Center(
child: Text(
"21:34",
style: TextStyle(fontSize: 50),
),
),
Center(
child: Text(
"Wakey - wakey",
style: TextStyle(fontSize: 20),
),
)
],
);
}
后(解决方案):
这里用脚手架小部件包装当前顶部或父小部件
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Center(
child: Text(
"21:34",
style: TextStyle(fontSize: 50),
),
),
Center(
child: Text(
"Wakey - wakey",
style: TextStyle(fontSize: 20),
),
)
],
),
);
}
完整代码:Dartpad或Live代码
import 'package:flutter/material.dart';
void main() => runApp(MaterialApp(home: sta()));
class sta extends StatefulWidget {
const sta({Key? key}) : super(key: key);
@override
State<sta> createState() => _staState();
}
var isShow = false;
class _staState extends State<sta> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Center(
child: Text(
"21:34",
style: TextStyle(fontSize: 50),
),
),
Center(
child: Text(
"Wakey - wakey",
style: TextStyle(fontSize: 20),
),
)
],
),
);
}
}
添加材质小部件作为根元素。
@override
Widget build(BuildContext context) {
return Material(
type: MaterialType.transparency,
child: new Container(
文本有一个隐藏的默认文本样式 .出现问题是因为您不能将此提供给任何父小部件，例如Scaffold。 文本小部件采用默认样式。 对于你的解决方案，你可以像这样改变DefaultTextStyle。
DefaultTextStyle(
style: TextStyle(),
child: yourTextWidget,
);
或者只是包装到脚手架，脚手架是一个小部件。它提供了脚手架 用于应用程序中的页面。 像这样
MaterialApp(
home: Scaffold(
body: Text('Wakey Wakey!'),
),
);
要了解更多信息，请浏览这个颤振官方视频。
黄色下划线文本|解码颤振
你应该在main中添加Material和Scaffold部件。飞镖文件
MaterialApp(
home: Scaffold(
body: Text('Hello world'),
),
);
我推荐这种方法，因为你可以做一次，它将覆盖你的整个应用程序。
在MaterialApp的构建器下添加DefaultTextStyle，如下所示:
child: MaterialApp(
...
...
theme: yourThemeData,
builder: (context, child) => DefaultTextStyle(
style: yourThemeData.textTheme.bodyText1,
child: child,
),
),
通过这样做，我们不需要每次使用showDialog或Overlay时都指定样式或使用DefaultTextTheme。
