Flutter 屏幕适配flutter_screenutil使用心得

前言:首先屏幕适配这一块在原生方面深有体会,android的屏幕碎片化因为机型,屏幕大小从小屏幕手机到大屏幕手机再到平板。有着很大到差异,flutter官网是一款很适合做UI的跨平台框架,目前受到越来越多的开发者和公司的青睐,在适配方面已经做了很大的改变,可以说基本上不用做太多的屏幕适配,可谁料想,还是需要稍微做一点的屏幕适配。这就引出了下面的flutter_screenutil插件。

(一)说在前面:

一开始也是关注到这个插件,但在前面引入但适合发现效果并不是想象中但那样,就没有了后续,可能是姿势不对,后面在项目中做适配的时候,发现在新手机高分辨率的机型下与比较旧的手机720p的分辨率上还是有些差距的,部分边界越界。经前端同事的建议,又再一次拾起了这个插件。接下来说一下正确引入插件的姿势

(二)引入步骤:

(1) pubspec.yaml中引入最新的:

# 屏幕适配
flutter_screenutil: ^1.0.2

(2)初始化:
一定是要在homestatefulWdiget

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值