MediaQuery使い方

今回は、Flutter MediaQueryについて簡略にみていきたいと思います。

MediaQueryとは

デバイスの画面サイズやシステム情報を取り扱っているクラスです。

デバイスのサイズを取得するためによく使われます。（テキストの倍率、方向など）

MediaQueryでサイズを取得する

• size：アプリ画面サイズ
• size.height：アプリ画面の高さ（double）
• size.width：アプリ画面の幅（double）
• devicePixelRatio：画面の倍率（double）
• padding.top：上端の状態表示の高さ（double）

使い方

• MediaQuery.of(context).size
• MediaQuery.of(context).size.height
• MediaQuery.of(context).size.width
• MediaQuery.of(context).devicePixelRatio
• MediaQuery.of(context).padding.top