状态栏颤动下的应用栏标题

Question

我比较陌生，所以我不知道为什么我的应用栏看起来像这样

这是main.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(),
);
}
}

这是我的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')),
);
}
}

我尝试使用SafeArea无效。谢谢

Answer 1

将主要值更改为true并告诉我结果：

Scaffold(
primary: true, // this line
appBar: AppBar(......

编辑：

MaterialApp不能是statelessWidget的子级。用作主窗口小部件

runApp(MaterialApp(
  ......
))

Answer 2

您已将主属性设置为false。

此支架是否显示在屏幕顶部。

如果为true，则appBar的高度将延长高度 屏幕状态栏的顶部，即MediaQuery的顶部填充。

https://api.flutter.dev/flutter/material/Scaffold/primary.html

Answer 3

这是我解决类似问题的方法。 只需使用SafeArea Widget包装您的Scaffold Widget

Let

您可以在此链接中找到有关SafeArea Widget的更多详细信息 Flutter SafeArea Widget

希望这会有所帮助

快乐编码

Answer 4

非常感谢，我创建了一个新项目，然后我意识到这是我安装的一个库中的一个错误引起的。现在已经完全固定了♥️