flutter - 找不到 MediaQuery 祖先？

Question

我正在尝试构建一个页面大小三分之一的容器，但我收到错误 No MediaQuery ancestor could be found starting from the context that was passed to MediaQuery.of().，我完全不知道为什么。它在 MaterialApp 中。

我的代码:

import 'package:flutter/material.dart';


void main() => runApp(LoginPage());

class LoginPage extends StatelessWidget{

  @override
  Widget build(BuildContext context){
    return MaterialApp(
      home: Scaffold(
        body: Container(
          constraints: BoxConstraints.expand(),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              Container(
                color: Colors.red,
                width: double.infinity,
                height: MediaQuery.of(context).size.height/3,
              )
            ],
          )
        )
      )
    );
  }
}

Answer 1

你只需要将 MaterialApp 作为祖先......正如错误所说......

像这样做..

void main() => runApp(MaterialApp(home:LoginPage()));