Flutter组件之safeArea
1.简介
safeArea组件会屏幕适配,自动的帮你空出状态栏、刘海屏的刘海所占高度等等…
2.属性
- right:是否在屏幕右边避免系统入侵。
- left:是否在屏幕左边避免系统入侵。
- bottom:是否在屏幕底部避免系统入侵。
- top:是否在屏幕顶部避免系统入侵。
- minimum:最小边距
- maintainBottomViewPadding:这个属性很少用到,最常用的场景和键盘有关,默认是false。如果没有设置成true, 在SafeArea上有键盘弹出,那时SafeArea的获取的dart:ui.Window.padding的bottom会是零,导致这个页面的UI会有移动。下面有代码demo(注意Scaffold的resizeToAvoidBottomInset要设置成false
- child:子集
3.使用
使用和不使用safeArea组件的样子
属性top,right,left,bottom效果都一样,假如top属性为false时,就和没加safeArea组件一样