Flutter Widgets 之 SafeArea-LMLPHP


现如今的手机已经不能提供给应用程序规整的矩形界面了,一些带圆角或者是刘海屏让应用程序的布局更加复杂,甚至是需要单独适配,这对开发者来来太糟糕了。


因此SafeArea控件应用而生,SafeArea通过`MediaQuery`检测屏幕的尺寸使应用程序的大小与屏幕适配。


创建一个铺满全屏的ListView,并显示数据,代码如下:

效果如图:

Flutter Widgets 之 SafeArea-LMLPHP

底部的数据明显被遮挡了,想要解决这个问题只需将ListView包裹在SafeArea中即可,代码如下:

效果如图:

Flutter Widgets 之 SafeArea-LMLPHP


我们甚至可以指定显示区域,默认情况下上下左右都是指定区域,如下代码去掉左侧区域:



更多相关阅读:


本文分享自微信公众号 - 老孟Flutter(lao_meng_qd)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

09-04 03:24
查看更多