Flutter 安全区域布局(safeArea)
一旦有部件固定在顶部或者底部(严谨点的话可以说是在屏幕的四边)。那我我们最好使用SafeArea来包一下。因为Android 和 IOS都有状态栏和底部六百,所以一不留神就会出现适配问题。
我们在Flutter中常使用的BottomNavigationBar 和 AppBar 其实就在内部使用了safeArea来布局
实例
Scaffold(
backgroundColor: ColorGrey248,
body: SafeArea(
top: false,
child:Container()
)
图一是用了safearea的布局 图二是没用的布局
图一
图二