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每个逻辑像素的设备像素数。例如,Nexus6的设备像素比为3.5。
  • textScaleFactor→double系统设置的文本比例。默认1.0
  • toString()→String返回此对象的字符串表示形式。
  • physicalSize→Size返回一个包含屏幕宽高的对象,单位是dp

点击查看Window的更多介绍