How could I resolve a MediaQuery error in flutter? [duplicate]

Question

I am facing, recently, this error in Flutter:

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

Here is my code:

import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; void main(){ runApp(Home()); } class Home extends StatefulWidget { @override _HomeState createState() => _HomeState(); } class _HomeState extends State<Home> { @override Widget build(BuildContext context) { final size = MediaQuery.of(context).size; return MaterialApp( title: 'Refresh my mind', debugShowCheckedModeBanner: false, theme: ThemeData( primarySwatch: Colors.red, ), home:Scaffold( appBar: AppBar( title: Text("Hello"), leading: Icon( Icons.ac_unit ), actions: [Icon(Icons.account_balance), Icon(Icons.airplanemode_active), Icon(Icons.autorenew),], elevation: 12, ), backgroundColor: Colors.teal, body: Container( color: Colors.black12, margin: EdgeInsets.all(20), child: Center( child: Card( elevation: 5.0, color: Colors.grey, child: Container( width: size.width/1.5, height: 200, ), ), ), ), ), ); } }

I searched in the internet, and I found that i must used eather MaterialApp widget OR WidgetApp but i used the MaterialApp in my code.

So I am wondering, what's should be the mistake?

Thank you

Does this answer your question? Flutter Error: MediaQuery.of() called with a context that does not contain a MediaQuery — Simon Sot
– Simon Sot, Commented Apr 5, 2021 at 20:39

Tamir Abutbul · Accepted Answer · 2021-04-05 20:40:56Z

1

That might be because MaterialApp is not initialized yet. Try to move your home widget to a separate file (e.g. home_screen.dart) and pass it to MaterialApp like:

MaterialApp(home:HomeScreen())

Inside your HomeScreen use MediaQuery

edited Apr 5, 2021 at 20:40

Tamir Abutbul

7,6418 gold badges27 silver badges61 bronze badges

answered Apr 5, 2021 at 20:38

Sheruan Bashar

5164 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brad Cypert Over a year ago

Yup! Your context is coming from your MaterialApp in this case, so you wont be able to access the context until the MaterialApp is initialized!

Collectives™ on Stack Overflow

How could I resolve a MediaQuery error in flutter? [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related