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

MediaQuery

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

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

print(MediaQuery.of(context).size);     //输出格式： Size(411.4, 683.4)
MediaQuery.of(context).size.width  宽度  单位dp

MediaQuery.of(context).size.height  高度 单位dp

 

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对象

使用前需要在文件头部导入包:

使用：window.physicalSize 返回一个包含屏幕宽高的对象,单位是px.

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

  window的常用属性和方法 :

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