Flutter Error MediaQuery of called with a context that does not contain a MediaQuery

Question

Hi Guys,

I have been trying to get the size of the whole context view in Flutter. But every time I try I'm getting the below-mentioned error. 

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

How can I solve this error?

Answer 1

Hi@akhtar,

You need a MaterialApp or a WidgetsApp around your widget. They provide the media query. When you call .of(context) flutter will always look up the widget tree to find the widget. You can see the below example.

void main() => runApp(App());
class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Title',
      theme: kThemeData,
      home: HomePage(),
    );
  }
}
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    return Container(
      child: ...,
    );
  }
}

To know more about Flutter, join our Flutter APP Development Course today.