A low-cost Flutter screen adaptation solution(一个极低成本的 Flutter 屏幕适配方案)
一 概述
由于 Flutter 的应用场景很多,不只是 android 还有 ios 以及 web,现在的手机品牌和型号越来越多,导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同,今天介绍一种方案,可以是一个低成本,但是 100% 还原UI的一种办法,无需使用工具类或者是扩展函数去 转换,直接写 UI设计图给的大小即可
二 github 欢迎 star
flutter_autosize_screen 欢迎 star 以及 提出建议
三 先看效果
IOS
iPhone 8 ------------------------------- iPhone 11 :
![](https://github.com/niezhiyang/flutter_autosize_screen/blob/master/art/iPhone%208.png?raw=true)
![](https://github.com/niezhiyang/flutter_autosize_screen/blob/master/art/iPhone%2011.png?raw=true)
iPhone 12 pro max --------------------- ipad air :
![](https://github.com/niezhiyang/flutter_autosize_screen/blob/master/art/iPhone%2012.png?raw=true)
![](https://github.com/niezhiyang/flutter_autosize_screen/blob/master/art/iPad%20Air.png?raw=true)