Flutter之MediaQuery详细分析

最新推荐文章于 2024-05-31 23:10:37 发布

郭梧悠

最新推荐文章于 2024-05-31 23:10:37 发布

阅读量1.7k

点赞数 3

分类专栏： Flutter从入门到精通文章标签： flutter MediaQuery

本文链接：https://blog.csdn.net/chunqiuwei/article/details/105865108

版权

Flutter从入门到精通专栏收录该内容

98 篇文章 193 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细探讨了Flutter中的MediaQuery，包括其初始化时机、作用以及MediaQueryData的相关属性，如size、devicePixelRatio等。MediaQueryData是从Window对象获取，并提供屏幕尺寸、设备像素比等信息，用于适配不同设备。同时，文章还阐述了如何通过MediaQueryData获取屏幕的物理和逻辑像素尺寸，并介绍了padding、viewInsets和viewPadding的关系。

摘要由CSDN通过智能技术生成

在学习Flutter的时候时不时会看到这个控件的使用，一直对该组件一知半解。本篇博文就梳理下相关知识点。通过本篇博文可以知道：
1、MediaQuery的初始化时机
2、MediaQuery的作用
MediaQuery从源码上看是一个简单不过的Widget：

class MediaQuery extends InheritedWidget {
   
  /// Creates a widget that provides [MediaQueryData] to its descendants.
  ///为子child Widget组件提供MediaQueryData
  /// The [data] and [child] arguments must not be null.
    final MediaQueryData data