flutter之库屏幕适配ScreenUtil

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

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

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

学习地址参考:http://jspang.com/posts/2019/03/01/flutter-shop.html#%E7%AC%AC11%E8%8A%82%EF%BC%9A%E9%A6%96%E9%A1%B5-%E5%B1%8F%E5%B9%95%E9%80%82%E9%85%8D%E6%96%B9%E6%A1%88%E5%92%8C%E5%88%B6%E4%BD%9C

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

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);

作者:想放假的程序媛

链接:https://www.jianshu.com/p/1f2893225f9e

来源:

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(flutter之库屏幕适配ScreenUtil)