flutter-ScreenUtil()

作者: 想放假的程序媛 | 来源:发表于2019-07-19 10:38 被阅读1次

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

相关文章

  • flutter-ScreenUtil()

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

网友评论

    本文标题:flutter-ScreenUtil()

    本文链接:https://www.haomeiwen.com/subject/gcoykctx.html