flutter 获取屏幕宽度高度 通知栏高度等屏幕信息

阅读更多

##MediaQuery

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.physicalSize 返回一个包含屏幕宽高的对象,单位是px.

print(window.physicalSize);   //Size(1080.0, 1794.0)

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

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

点击查看Window的更多介绍