flutter 屏幕宽高 状态栏高度

Posted 2020-11-12 qqcc1388

MediaQuery.of(context) 包含了一些屏幕的属性：

size ： 一个包含宽度和高度的对象，单位是dp

print(MediaQuery.of(context).size);     //输出： Size(411.4, 683.4) 

devicePixelRatio : 返回设备的像素密度

print(MediaQuery.of(context).devicePixelRatio);  //2.625

textScaleFactor : 每个逻辑像素的字体像素数。 默认为1.0

获取上边距和下边距的值。(主要用于刘海屏)

final double topPadding = MediaQuery.of(context).padding.top;
final double bottomPadding = MediaQuery.of(context).padding.bottom;

需要注意的是：
上边距在 iPhoneX 上的值是 44， 在其他设备上的值是 20， 是包含了电池条的高度的。
下边距在iPhoneX 上的值是34，在其他设备上的值是 0。

dart:ui中的window对象
使用前需要在文件头部导入包:import ‘dart:ui’;

然后我们看一下Window的常用属性和方法 :

defaultRouteName → String 启动应用程序时嵌入器请求的路由或路径。
devicePixelRatio → double 每个逻辑像素的设备像素数。 例如，Nexus 6的设备像素比为3.5。
textScaleFactor → double 系统设置的文本比例。默认1.0
toString（） → String 返回此对象的字符串表示形式。
physicalSize → Size 返回一个包含屏幕宽高的对象，单位是dp