如何解决状态栏的高度
像这样使用 safeArea
Widget build(BuildContext context) {
return Container(
color: Colors.white,child: SafeArea(
child: Scaffold(
appBar: AppBar(
title: Text("Payment Method"),centerTitle: true,leading: IconButton(
icon: Icon(
Icons.navigate_before,size: 40,),onpressed: () {
Navigator.of(context).pop();
},body: Refreshindicator(
-----)
我用它做状态栏
void main() {
SystemChrome.setsystemUIOverlayStyle(
systemUIOverlayStyle(
statusBarColor: Colors.transparent,statusBarIconBrightness: Brightness.dark,systemNavigationBarColor: Colors.white,systemNavigationBarIconBrightness: Brightness.dark,systemNavigationBarDividerColor: Colors.transparent,));runApp(MyApp());}
但是现在发生的情况是应用栏和状态栏似乎由于应用栏的高度而分开,所以最好的解决方法是使应用栏和状态栏似乎合并
解决方法
在计数器应用上实现您的代码。
void main() {
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
statusBarColor: Colors.transparent,statusBarIconBrightness: Brightness.dark,systemNavigationBarColor: Colors.white,systemNavigationBarIconBrightness: Brightness.dark,systemNavigationBarDividerColor: Colors.transparent,));
runApp(MyApp());
}
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
appBar: AppBar(
title: Text(widget.title),elevation: 10,),body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
Text(
'You have pushed the button this many times:',Text(
'$_counter',style: Theme.of(context).textTheme.headline4,],floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,tooltip: 'Increment',child: Icon(Icons.add),);
}
}
这是我在 Counter App 中实现您的代码的结果。
确实,当您使用 SafeArea
时,状态栏和 AppBar 看起来是分开的。
一个非常简单的解决方法是:
像这样改变你的statusBarColor
:
statusBarColor: Colors.blue,
同时删除 MaterialApp
中的调试横幅并添加:
debugShowCheckedModeBanner: false,
现在计数器应用程序看起来像这样:
经过这些小改动后,StatusBar 和 AppBar 看起来并没有分开。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。