我是一个相对较新的Flutter,所以我不知道为什么我的应用程序栏出现这样的
下面是主.dart文件
import 'package:testapp/test_page.dart';
import 'package:flutter/material.dart';
void main() {
runApp(Home());
}
class Home extends
StatelessWidget {
@override
Widget build(BuildContext
context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Test App',
theme: ThemeData(primaryColor: Colors.purple),
home: TestPage(),
);
}
}
这是我的测试页面.dart
import 'package:flutter/material.dart';
class TestPage extends
StatelessWidget {
@override
Widget build(BuildContext
context) {
return Scaffold(
primary: false,
appBar: AppBar(
title: Text(' Test app'),
),
body: Center(child: Text('Example Test')),
);
}
}
我试过使用安全区,它不起作用。谢谢你
4条答案
按热度按时间mpgws1up1#
我是这样解决类似问题的。简单地用SafeArea Widget Package 您的Scaffold Widget
您可以在此链接Flutter SafeArea Widget中找到有关SafeArea Widget的更多详细信息
希望它能帮助
快乐编码
sy5wg1nm2#
您已将主要属性设置为false。
这个scaffold是否显示在屏幕的顶部。
如果为true,则appBar的高度将扩展为屏幕状态栏的高度,即MediaQuery的顶部填充。
https://api.flutter.dev/flutter/material/Scaffold/primary.html
ykejflvf3#
将主值更改为true并告诉我结果:
编辑:
MaterialApp不能是statelessWidget的子级。使用它作为主Widget
gdrx4gfi4#
非常感谢你们,我创建了一个新项目,然后我意识到这是由我安装的一个库的错误引起的。现在完全修好了️