Flutterエラー回避「MediaQuery.of() called with a context that does not contain a MediaQuery.」

今回の記事はタイトルの通り「MediaQuery.of() called with a context that does not contain a MediaQuery.」を回避する方法です。

原因は「MaterialApp」を取り込めてないとかみたいです。

void main() {
  runApp(MyApp());
}

// ↓変更

void main() {
  runApp(new MaterialApp(home: new MyApp()));
}

これでうまく解消されます。