登录
原创

Flutter 安全区域布局(safeArea)

发布于 2020-10-29 阅读 12615
  • Flutter
原创

Flutter 安全区域布局(safeArea)

一旦有部件固定在顶部或者底部(严谨点的话可以说是在屏幕的四边)。那我我们最好使用SafeArea来包一下。因为Android 和 IOS都有状态栏和底部六百,所以一不留神就会出现适配问题。

我们在Flutter中常使用的BottomNavigationBar 和 AppBar 其实就在内部使用了safeArea来布局
实例
Scaffold(
backgroundColor: ColorGrey248,
body: SafeArea(
top: false,
child:Container()
)

图一是用了safearea的布局 图二是没用的布局

图一
Simulator Screen Shot  iPhone 11 Pro Max  20201029 at 16.05.43.png

图二
Simulator Screen Shot  iPhone 11 Pro Max  20201029 at 16.07.24.png

评论区

励志做一条安静的咸鱼,从此走上人生巅峰。

0

0

0

举报