FlutterWidgetsMediaQuery控件屏幕信息适配.docxVIP

第

FlutterWidgetsMediaQuery控件屏幕信息适配

目录MediaQueryMediaQueryData使用场景根据尺寸构建不同的布局系统字体变化第三方屏幕的适配框架：设置字体不随系统字体大小进行改变APP全局总结：

MediaQuery

通常情况下，不会直接将MediaQuery当作一个控件，而是使用MediaQuery.of获取当前设备的信息，用法如下：

vardata=MediaQuery.of(context);

此方式必须放在MediaQuery作用域内，否则会抛出异常，MaterialApp和WidgetsApp都引入了MediaQuery，并且随着屏幕的变化而导致重建，比如旋转屏幕、弹出输入框等。

MediaQueryData

MediaQueryData是MediaQuery.of获取数据的类型。说明如下：

属性说明size逻辑像素，并不是物理像素，类似于Android中的dp，逻辑像素会在不同大小的手机上显示的大小基本一样，物理像素=size*devicePixelRatio。devicePixelRatio单位逻辑像素的物理像素数量，即设备像素比。textScaleFactor单位逻辑像素字体像素数，如果设置为1.5则比指定的字体大50%。platformBrightness当前设备的亮度模式，比如在AndroidPie手机上进入省电模式，所有的App将会使用深色（dark）模式绘制。viewInsets被系统遮挡的部分，通常指键盘，弹出键盘，viewInsets.bottom表示键盘的高度。padding被系统遮挡的部分，通常指刘海屏或者系统状态栏。viewPadding被系统遮挡的部分，通常指刘海屏或者系统状态栏，此值独立于padding和viewInsets，它们的值从MediaQuery控件边界的边缘开始测量。在移动设备上，通常是全屏。systemGestureInsets显示屏边缘上系统消耗的区域输入事件，并阻止将这些事件传递给应用。比如在AndroidQ手势滑动用于页面导航（ios也一样），比如左滑退出当前页面。physicalDepth设备的最大深度，类似于三维空间的Z轴。alwaysUse24HourFormat是否是24小时制。accessibleNavigation用户是否使用诸如TalkBack或VoiceOver之类的辅助功能与应用程序进行交互，用于帮助视力有障碍的人进行使用。invertColors是否支持颜色反转。highContrast用户是否要求前景与背景之间的对比度高，iOS上，方法是通过设置-辅助功能-增加对比度。此标志仅在运行iOS13的iOS设备上更新或以上。disableAnimations平台是否要求尽可能禁用或减少动画。boldText平台是否要求使用粗体。orientation是横屏还是竖屏。

获取设备相关信息：

importpackage:demo202512/utils/common_appbar.dart;

importpackage:flutter/cupertino.dart;

importpackage:flutter/material.dart;

classWyMediaQueryextendsStatefulWidget{

constWyMediaQuery({Keykey}):super(key:key);

@override

_WyMediaQueryStatecreateState()=_WyMediaQueryState();

class_WyMediaQueryStateextendsStateWyMediaQuery{

@override

Widgetbuild(BuildContextcontext){

returnScaffold(

appBar:getAppBar(MediaQuery),

body:MediaQuery(data:constMediaQueryData(),

child:_getDeviceMediaInfo(),),

_getDeviceMediaInfo(){

//屏幕大小

SizemSize=MediaQuery.of(context).size;

//密度

doublemRatio=MediaQuery.of(context).devicePixelRatio;

//设备像素

doublewidth=mSize.width