[Flutter]MediaQuery.of() called with a context that does not contain a MediaQueryを解決する方法

先日以下のようなコードを書いていたところエラーが起きました。

エラーの内容は以下の通り。

MediaQueryを含まないcontextでMediaQuery.of()が呼び出されたという旨のエラーみたいですね。

解決できたので、解決方法を記しておきます。

MediaQuery.of() called with a context that does not contain a MediaQueryを解決する方法

MaterilApp以下でも一度Widgetを切り分けないとエラーが起きるみたいですね。

以下のように改変すれば大丈夫です。

変更後

というわけで、終わり。