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的更多介绍

    原文作者:__卓原
    原文地址: https://blog.csdn.net/u011272795/article/details/82707645
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞