MediaQuery
flutter
には多くの共通属性があります。以下は主にいくつかの共通属性を紹介しています。他のコンテンツがある場合は、他の場所で検索できます。この記事は主に将来の閲覧のための記録を作成します。
たとえば、一般的に使用される属性
//获取屏幕尺寸
MediaQuery.of(context).size
//顺便提一下,当前组件渲染完毕之后的size
context.size
复制代码
MediaQuery
MediaQuery
多くのデバイスやコンポーネントの問題に対処するために使用できます。このコンポーネントを介して、画面の回転、パディングなど、さまざまなコンテンツを更新できます。
現状では、他の多くのグループ属性はこのコンポーネントに基づいています。
const MediaQuery({
Key key,
@required this.data,
@required Widget child,
})
复制代码
MediaQuery.removePadding
MediaQueryのファクトリ構築メソッドは、このプロパティを使用して、システムによって引き起こされるパディングの問題を設定できます。たとえば、iOSスクロールビューのマージンなどです。これを使用する場合は、にremoveTop
設定してtrue
使用するだけで済みます。child
コンポーネントをラップします。
MediaQuery.removePadding({
Key? key,
required BuildContext context,
bool removeLeft = false,
bool removeTop = false,
bool removeRight = false,
bool removeBottom = false,
required Widget child,
});
复制代码
例えば:
MediaQuery.removePadding(
removeTop: true,
context: context,
child: ListView(
children:[]
),
);
复制代码
MediaQuery.of(context)
以下に示すように、現在のコンテキストを渡すだけで、システムに関する情報を取得できます。これは、レイアウトを調整するために合理的に使用できます。以下は、いくつかの一般的なプロパティです。
size
: 画面サイズ
devicePixelRatio
:マスクピクセルのパーセンテージ
platformBrightness
:明るいスタイルと暗いスタイルの場合(通常モード、暗いモード)
orientation
:画面の向き
viewInsets
キーボードがポップアップしたときに画面の余白をブロックします。ここ viewInsets.bottom
で、はキーボードの高さです