flutter-ScreenUtil()

ScreenUtil()是flutter屏幕适配的一个插件,在GitHub上也有一定的人气。也尝试使用过,也能获得较好的体验。

GitHub地址:https://github.com/OpenFlutter/flutter_ScreenUtil

推荐使用新版本【当前为v0.5.3】

在使用前,需要设置好初始稿的宽度与高度。

ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context);

这句话的引入一定要在有了界面UI树建立以后执行,如果还没有UI树,会报错的。比如我们直接放在类里,就会报错,如果昉在build方法里,就不会报错。

适配尺寸

这时候我们使用的尺寸是px.

根据屏幕宽度适配:width:ScreenUtil().setWidth(540);

根据屏幕高度适配:height:ScreenUtil().setHeight(200);

适配字体大小:fontSize:ScreenUtil().setSp(28,false);

 

posted @ 2021-06-05 09:57  技术研究与问题解决  阅读(554)  评论(0)    收藏  举报