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 @   技术研究与问题解决  阅读(511)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
历史上的今天:
2020-06-05 idea设置自带的maven为国内镜像
2020-06-05 详解布隆过滤器的原理、使用场景和注意事项
2020-06-05 IDEA查找接口实现类及快速实现接口
2020-06-05 Java命令行监控_jvisualvm使用JMX连接远程机器(实践)
点击右上角即可分享
微信分享提示