Flutter屏幕适配,简单粗暴的全局适配方式(2)

原理

还记得Android原生上今日头条适配方案吗？就是修改运行时获取的设备屏幕密度比率常数。这个方案很早之前就有人提出过只是人微言轻传播的不好。

对于用户来说屏幕就是一个矩形（至少目前的主流设备）；而主流移动设备已经培养多年用户上下滑动屏幕的习惯；

主流设备变得更“窄”；

基于以上三点，以屏幕宽度适配通用性高，实现效果好。至于实际设备高/宽与设计比例的差异处理，自行留白或纵向改为scrollWidget

实践报告

\设备	android	Android	iOS
设备分辨率	1080x1794	720x2160	1242x2688
h/w	1.666	3.0	2.164
屏幕密度比率ρ	2.625	1.2	3.0
UI稿1（300x510) h/w =1.7	过长	过短	过短
适配比率ρ(300x510)	3.60	2.40	4.14
UI稿1（414x896) h/w =2.16	过长	过短	不变
适配比率ρ(414x896)	2.608	1.739	3.0

使用方式

点赞加星小礼物
复制粘贴人人爱
如有BUG记小本
携尔长刀来相砍

已上传pub.dev ️❤️❤️点赞😘😘

已上传 github ️❤️❤️加星😘😘)

##复制粘贴
dependencies:
screen_ratio_adapter: ^0.0.2
import ‘package:screen_ratio_adapter/screen_ratio_adapter.dart’;
///设计稿尺寸，单位应是pt或dp
Size uiSize = Size(414, 896);
//void main() => runApp(MyApp());
void main() => runFxApp(MyApp(), uiSize: uiSize);

参考及鸣谢

一种粗暴快速的Android全屏幕适配方案
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

这里我特地整理了一份《Android开发核心知识点笔记》，里面就包含了自定义View相关的内容

除了这份笔记，还给大家分享 Android学习PDF+架构视频+面试文档+源码笔记，高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。

分享上面这些资源，希望可以帮助到大家提升进阶，如果你觉得还算有用的话，不妨把它们推荐给你的朋友~

喜欢本文的话，给我点个小赞、评论区留言或者转发支持一下呗~

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

全套讲解视频、实战项目源码讲义》点击传送门即可获取！**