flutter 的像素尺寸

一般我们在android,ios中都有自己的尺寸,如:dp,pt

但是在flutter中写尺寸是没有单位的。如:

SizedBox(height: 736,width: 375,child: Container(color: Colors.lightBlueAccent) )

实际上它的尺寸当然是有的。 在不同设备中它与 devicePixelRatio 属性有关,通过此属性得到一个逻辑像素占用多少个实际像素,根据文档(https://api.flutter.dev/flutter/dart-ui/Window/devicePixelRatio.html)有几点需要注意:

  1. 很少需要修改这个值

  2. 这个值来自设备,可能会不准确

我用模拟器(下面列表中全部都是)来做测试,信息如下:

屏幕英寸 分辨率 实测宽度 ppi devicePixelRatio
android  5寸 1080*1920 412 420 2.625
iPhone8+ 5.5寸 1080*1920 414 401 3
iPhoneXr 6.1寸 828 * 1792 414 326 2
iPhone8 4.7寸 750 * 1334 375 326 2
iPhone7+ 5.5寸 1080 * 1920 414 401 3
iPhoneX 5.8 2436×1125 375 458 3

实测宽度:在Flutter中,一个SizedBox的宽度刚好撑满屏幕宽度的数值

结论:

  除了 iPhone8+,iPhone7+ 之外,其它的 : 分辨率宽度 =  devicePixelRatio * 实测宽度

  怀疑 iPhone8+,7+ 的模拟器应该是Flutter存在BUG. 它的分辨率不是上面表格中的 1080 * 1920

        内部的数据:window.physicalSize.width = 1242 , MediaQuery.of(context).size.width = 414  

其它朋友写的文章 ,比较有帮助

https://www.cnblogs.com/ckAng/p/10077832.html

Ani
发布了83 篇原创文章 · 获赞 11 · 访问量 15万+

猜你喜欢

转载自blog.csdn.net/Ani/article/details/101263446