Flutter使用Scaffold不设置Appbar导致内容遮挡

作者: Wenl_zzZ | 来源:发表于2020-11-24 10:54 被阅读0次

今天在写学习flutter的时候发现scaffold 作为根组件时，不设置appbar会导致内容被状态栏遮挡:

网上给出的方案是通过SafeArea组建去进行适配

@override

Widgetbuild(BuildContext context) {

return Scaffold(

body:SafeArea(

child:Text(

"随便写点啥",

style:TextStyle(fontSize:30),

)),

);

}

后来发现SafeArea会导致沉浸式状态栏效果也移除了，最后用padding:EdgeInsets.only(top: MediaQuery.of(context).size.height *0.07) 代替SafeArea解决。在此记录一下：

Flutter使用Scaffold不设置Appbar导致内容遮挡
今天在写学习flutter的时候发现scaffold 作为根组件时，不设置appbar会导致内容被状态栏遮挡: 网...
Flutter使用Scaffold不设置Appbar导致内容遮挡
今天在写学习flutter的时候发现scaffold 作为根组件时，不设置appbar会导致内容被状态栏遮挡: 网...
Flutter——设置appBar的高度
使用脚手架Scaffold可以设置AppBar，想要设置高度，在AppBar外包一层PreferredSize，设...
Flutter 设置AppBar高度
使用脚手架Scaffold可以设置AppBar，想要设置高度，在AppBar外包一层PreferredSize，设...
Flutter 设置AppBar为透明
将Scaffold设置extendBodyBehindAppBar为true，将AppBar设置elevatio...
flutter 创建透明的Appbar
原理设置 Scaffold 和 Appbar 背景透明 backgroundColor: Colors.tran...
flutter AppBar 设置标题设置颜色隐藏底部阴影分
flutter Scaffold AppBar 导航有三部分，左边中间右边，当我们
flutter标题栏Appbar的封装
设置标题栏高度PreferredSize Flutter的标题栏通常使用AppBar, 但是AppBar并没有提供...
Flutter Scaffold&AppBar
Scaffold是一个路由页的骨架，它包含了导航栏、抽屉菜单(Drawer)以及底部Tab导航菜单等示例：我们...
Flutter学习：Scaffold、AppBar
1、Scaffold 2、AppBar：AppBar是一个顶端栏，对应着 Android 的 Toolbar / ...