14-3 全屏幕适配指南









以ios为,顶部有刘海

底部有操作的虚拟键












这是原来的main.dart
 
为了让文字一个在顶部,一个在底部,所以设置Y轴上为SpaceBetween

运行效果。这是没有加任何适配的情况。

直接外层套SafeArea



MediaQuery的方式

先获取到padding


设置顶部的padding和底部的





MyApp不能和main直接接触了。


MediaQuery不能直接放在runApp里面。


单独创建一个home的组件


在上面使用HomePage



使用padding的方式更加的灵活。

安卓的全面屏适配







设置为2.3







 

结束

原文地址:https://www.cnblogs.com/wangjunwei/p/12315177.html