文章目录
一、Flutter 全面屏适配
二、全面屏适配的情况
三、全面屏适配方法
四、反面示例 ( 留海遮挡内容 )
五、Android 中配置最大宽高比
六、使用 SafeArea 进行全面屏适配...七、使用 MediaQuery 进行全面屏适配
八、博客资源
一、Flutter 全面屏适配
----
传统的 Android 屏幕的宽高比是
16 : 9
, 但是当前主流的全面屏手机 , 基本已经都是...: 在一些手机中 , 顶部有刘海 , 水滴 等摄像头位置 , 底部有话筒 , 这些位置不能填充组件 , 有被阻挡的风险 ;
二、全面屏适配的情况
----
全面屏适配要点 :
在页面中使用了 Scaffold...的 appBar 和 bottomNavigationBar , Scaffold 框架会自动按照全面屏的机制进行适配 , 不需要开发者进行手动干预 ;
如果页面中没有使用 Scaffold , 或者使用了...-- 添加 Android 可以适配的最大宽高比为 2.5 : 1 , 适配全面屏添加 -->
<meta-data
android:name="android.max_aspect