flutter系列之:查询设备信息的利器:MediaQuery( 二 ) _生活百科

这三个构造函数都是通过传入一个指定的context和child来构造MediaQuery，但是他们都相应的移出了一些属性。根据名字就可以看出来，这三个分别移出的是padding，viewInsets和viewPadding 。
我们以removePadding为例，看一下具体的实现流程：
factory MediaQuery.removePadding({Key? key,required BuildContext context,bool removeLeft = false,bool removeTop = false,bool removeRight = false,bool removeBottom = false,required Widget child,}) {return MediaQuery(key: key,data: MediaQuery.of(context).removePadding(removeLeft: removeLeft,removeTop: removeTop,removeRight: removeRight,removeBottom: removeBottom,),child: child,);}removePadding方法需要传入四个额外的参数来表示是否需要移出padding的left,top,right或者bottom 。
我们可以看到返回了一个新的MediaQuery，其中data部分使用了MediaQuery.of(context)来获取context最近的MediaQuery，然后调用它的removePadding方法将对应的padding属性删除。
MediaQuery的使用讲完MediaQuery的构造函数，接下来我们看一下MediaQuery常用的使用场景。
其实MediaQuery最常见的用处就是来判断设备的大小，从而根据不同设备的大小来进行页面的调整。
比如下面的getSize方法：
enum ScreenSize { Small, Normal, Large, ExtraLarge }ScreenSize getSize(BuildContext context) {double deviceWidth = MediaQuery.of(context).size.shortestSide;if (deviceWidth > 900) return ScreenSize.ExtraLarge;if (deviceWidth > 600) return ScreenSize.Large;if (deviceWidth > 300) return ScreenSize.Normal;return ScreenSize.Small;}我们通过MediaQuery.of(context)拿到MediaQuery，然后通过size的shortestSide属性获得设备的宽度，然后根据设备的宽度跟特定的宽度进行对比，从而判断设备屏幕的大小。
当然， MediaQuery还可以用在其他需要检测Media属性的地方，大家可以仔细体会。
总结MediaQuery是flutter中一个非常方便的工具，用来检测media的属性情况，根据MediaQuery ，我们可以做出更加富有交互性的APP 。

更多内容请参考 http://www.flydean.com/50-flutter-mediaquery/
最通俗的解读，最深刻的干货，最简洁的教程，众多你不知道的小技巧等你来发现！
欢迎关注我的公众号:「程序那些事」,懂技术，更懂你！

flutter系列之:查询设备信息的利器:MediaQuery( 二 )

推荐阅读

奶茶店加盟店要多少钱喜茶加盟吗奶茶店加盟店多少钱

使命召唤手游据点争夺武器选什么,据点争夺各类武器玩法攻略,高手进阶

root和无root双运行稳定运行使用和平精英并肩王牌战士国服叮当v5.9破解上市辅助软件

砥砺的意思砥的意思

候补车票可以退吗

98年属虎本命年佩戴朱砂好吗怀孕禁佩戴饰品

双子座的爱情有多复杂最佳情侣配对？

2021国庆去武汉玩几天比较合适

化学中的极性是什么意思

视频太大怎么分段压缩视频太大怎么分段

孩子能玩手机吗？对眼睛有伤害吗？

干皮肤定妆用什么

关于电气CAD基础教程简述电气CAD基础教程

如何了解西餐点餐顺序点西餐顺序是什么

眉毛一个高一个低怎么办

哑铃卧推能锻炼背部吗什么运动锻炼背部肌肉

孕妇可以喝蜂蜜吗?孕晚期孕妇可以喝蜂蜜吗

陌陌注册方式有哪些，陌陌注册页面

手机向上箭头怎么打出来上箭头怎么打

【专业】信用卡提取的现金可以分期还吗吗