##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的更多介绍
分享到:
相关推荐
flutter MediaQuery获取屏幕宽度高度密度通知栏高度等屏幕信息
我们平时在开发中的过程中通常都会获取屏幕或者 widget 的宽高用来做一些事情,在 Flutter 中,我们有两种方法来获取 widget 的宽高。 MediaQuery 一般情况下,我们会使用如下方式去获取 widget 的宽高: final ...
本章节叙述Flutter 通知栏通知功能,主要是使用 Flutter与原生交互功能调用Android发送通知。
Flutter旋转屏幕,Flutter旋转屏幕
Flutter AppBar组件是应用的工具栏,是由多个组件组成。下面详细介绍appBar使用方法、TabBar使用方法、去掉头部的appBar、仿美团发现AppBar(可滚动TabBar)
Flutter中的动画曲线导航栏
动态获取键盘高度 ios objective-c 动态获取键盘高度 ios objective-c
Flutter TabBar SliverAppBar PageView NestedScrollView
Flutter学习笔记--仿闲鱼底部导航栏带有中间凸起图标
flutter 蓝牙,通过蓝牙协议和单片机进行数据交互,控制智能硬件
Flutter上的App初始启用屏幕示例
2,强制屏幕横屏,不随着屏幕去调整 第一种方式这里就不做说明了。代码做适配就可以。 下面说一下第二种实现方式 Flutter 自带方式 flutter 为我们提供了方法来控制系统的横竖屏显示 SystemChrome....
本文件可以直接下载在android studio上面运行,flutter的sdk请使用flutter_windows_1.24.0-10.2.pre-dev这个版本。
这个方便的插件可用于捕获所有小部件,包括全屏屏幕截图和单个小部件,例如Text()。 创建截图控制器的实例 class _MyHomePageState extends State < MyHomePage> { int _counter = 0 ; Uint8List _imageFile; ...
【Flutter】底部导航栏实现 ( BottomNavigationBar 底部导航栏 | BottomNavigationBarItem 导航栏条目 | PageView ) https://hanshuliang.blog.csdn.net/article/details/115347450 博客源码快照
Flutter入门与实战:标签切换栏
针对国内许多用户无法升级Flutter问题,特地打了一个flutter preview版本安装包,...安装前请安装好git,android sdk 等,并配置好环境变量,安装完后重启下,运行下flutter doctor检查异常,其他操作请自行查询文档
flutter + SpringBoot + MySql 实现高德地图定位获取位置信息插入数据库并计算出经纬度之间的距离
Flutter实现左侧边栏导航,点击左侧菜单右侧自动切换,左侧菜单可以实现自动居中,右侧滚动到底部继续滑可自动切换到下一页,上滑切换到上一页,左侧菜单跟随切换,查看效果图: ...