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全屏幕适配方案

如何做好面试突击，规划学习方向？

面试题集可以帮助你查漏补缺，有方向有针对性的学习，为之后进大厂做准备。但是如果你仅仅是看一遍，而不去学习和深究。那么这份面试题对你的帮助会很有限。最终还是要靠资深技术水平说话。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。建议先制定学习计划，根据学习计划把知识点关联起来，形成一个系统化的知识体系。

学习方向很容易规划，但是如果只通过碎片化的学习，对自己的提升是很慢的。

同时我还搜集整理2020年字节跳动，以及腾讯，阿里，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。

在搭建这些技术框架的时候，还整理了系统的高级进阶教程，会比自己碎片化学习效果强太多。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
面试真题+项目实战源码》，点击传送门，即可获取！**