今天在写学习flutter的时候发现scaffold 作为根组件时,不设置appbar会导致内容被状态栏遮挡:
image网上给出的方案是通过SafeArea组建去进行适配
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Text(
"随便写点啥",
style: TextStyle(fontSize: 30),
)),
);
}
image
后来发现SafeArea会导致沉浸式状态栏效果也移除了,最后用padding:EdgeInsets.only(top: MediaQuery.of(context).size.height *0.07) 代替SafeArea解决。在此记录一下:
Padding(
padding: showPadding
? EdgeInsets.only(
top: MediaQuery.of(context).size.height * 0.07)
: EdgeInsets.only(top: 0),
)
image
网友评论