ScreenUtil()是flutter屏幕适配的一个插件,在GitHub上也有一定的人气。也尝试使用过,也能获得较好的体验。
GitHub地址:https://github.com/OpenFlutter/flutter_ScreenUtil
推荐使用新版本【当前为v0.5.3】
在使用前,需要设置好初始稿的宽度与高度。
ScreenUtil.instance = ScreenUtil( 750, height: 1334)..init(context);
这句话的引入一定要在有了界面UI树建立以后执行,如果还没有UI树,会报错的。比如我们直接放在类里,就会报错,如果昉在build方法里,就不会报错。
适配尺寸
这时候我们使用的尺寸是px.
根据屏幕宽度适配:ScreenUtil().setWidth(540);
根据屏幕高度适配:height:ScreenUtil().setHeight(200);
适配字体大小:fontSize:ScreenUtil().setSp(28,false);