1. ホーム
  2. flutter

[解決済み] 画面の高さと幅の決め方

2022-06-12 05:30:06

質問

flutterで新しいアプリケーションを作成したのですが、異なるデバイスを切り替えたときに画面サイズに問題が発生しました。

Pixel 2XL の画面サイズを使用してアプリケーションを作成しましたが、ListView の子を持つコンテナーがあったため、コンテナーの高さと幅を含めるように要求されました。

そのため、デバイスを新しいデバイスに切り替えたときに、コンテナが長すぎてエラーを投げます。

アプリケーションがすべての画面に最適化されるようにするには、どうしたらよいでしょうか。

どのように解決するのですか?

使用することができます。

  • double width = MediaQuery.of(context).size.width;
  • double height = MediaQuery.of(context).size.height;

の高さだけを取得するために セーフエリア (の高さを取得します(iOS 11以上の場合)。

  • var padding = MediaQuery.of(context).padding;
  • double newheight = height - padding.top - padding.bottom;