Flutter 3.10.1中MediaQuery.of(context).size宽高始终为0问题求助

常见原因及修复方案 #

• Context未关联MediaQuery
  确保你的Widget处于MaterialApp或CupertinoApp的子树中调用MediaQuery.of(context)。如果在App组件外层、或使用了未包含MediaQuery的context，就会返回0值。
  修复示例：

  void main() {
    runApp(MaterialApp(
      home: YourHomePage(),
    ));
  }
  

• 过早获取MediaQuery
  在initState中直接调用MediaQuery.of(context)会拿到初始的0值，因为此时Widget还未完成布局。可以通过WidgetsBinding.instance.addPostFrameCallback延迟获取：

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final size = MediaQuery.of(context).size;
      print(size); // 此时能获取正确宽高
    });
  }
  

• MediaQuery被错误覆盖
  检查父Widget是否使用MediaQuery.removePadding或自定义MediaQueryData时，意外将size设置为Size.zero，导致子树MediaQuery尺寸异常。

• 清理缓存或升级子版本
  部分用户在Flutter 3.10.x初期版本遇到过类似布局问题，可执行以下命令修复：

  flutter clean
  flutter pub get
  flutter upgrade --force # 必要时升级到3.10.x稳定子版本
  

验证方法 #

可临时用LayoutBuilder替代MediaQuery验证尺寸是否正常，它能直接获取父容器的约束尺寸：

LayoutBuilder(
  builder: (context, constraints) {
    print(constraints.maxWidth);
    print(constraints.maxHeight);
    return YourWidget();
  },
)

内容的提问来源于stack exchange，提问作者AlphaDev