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

 

相关文章

这篇文章主要讲解了“FlutterComponent动画的显和隐怎么实现...
这篇文章主要讲解了“flutter微信聊天输入框功能如何实现”,...
本篇内容介绍了“Flutter之Navigator的高级用法有哪些”的有...
这篇文章主要介绍“Flutter怎么使用Android原生播放器”,在...
Flutter开发的android端如何修改APP名称,logo,版本号,具体...
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.Mater...