极其简单的Flutter 屏幕适配

本文介绍了一种低成本的Flutter屏幕适配方案,通过创建AutoWidgetsFlutterBinding类,继承WidgetsFlutterBinding并重写createViewConfiguration,实现100%还原UI设计图尺寸,适用于iOS、Android和Web平台,无需额外工具类或扩展函数。
摘要由CSDN通过智能技术生成

A low-cost Flutter screen adaptation solution(一个极低成本的 Flutter 屏幕适配方案)

一 概述

由于 Flutter 的应用场景很多,不只是 android 还有 ios 以及 web,现在的手机品牌和型号越来越多,导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同,今天介绍一种方案,可以是一个低成本,但是 100% 还原UI的一种办法,无需使用工具类或者是扩展函数去 转换,直接写 UI设计图给的大小即可

github 欢迎 star

flutter_autosize_screen 欢迎 star 以及 提出建议

三 先看效果

IOS
iPhone 8 ------------------------------- iPhone 11 :
iPhone 12 pro max --------------------- ipad air :
android 图
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值