MediaQuery.of() called with a context that does not contain a MediaQuery.

今天用Flutter中MediaQuery在获取屏幕的宽高的时候一直报错，报错信息如下：

MediaQuery.of() called with a context that does not contain a MediaQuery.\n'
'No MediaQuery ancestor could be found starting from the context that was passed '
'to MediaQuery.of(). This can happen because you do not have a WidgetsApp or '
'MaterialApp widget (those widgets introduce a MediaQuery), or it can happen '
'if the context you use comes from a widget above those widgets.\n'
'The context used was:

根据字面意思就是无法冲上下文获取到MediaQuery，需要在MaterialApp或者WidgetsApp里面使用才可行。不过自己看了半天也没看出所以然，后来偶然在一篇文章上面看到了解决方案具体如下：在MaterialApp里面创建个statelesswidget，使用这里面的上下文去获取MediaQuery的使用。

class LoadDart extends State {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new MaterialApp(
      title: "LoadActivity",
      home: new HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    // TODO: implement build
    return new Stack(
      children: [
        new Center(
          child: new Image.asset(
            "images/load_bg.png",
            fit: BoxFit.fill,
            height: size.height,
          ),
        ),
        new Positioned(
          left: 50,
          right: 50,
          top: size.height / 2,
          child: new Image.asset(
            "images/load_center.png",
          ),
        ),
      ],
    );
  }
}

 

从这句话我终于理解到在MaterialApp或者WidgetsApp里面使用才可行了。