Introducción a las propiedades comunes de flutter-MediaQuery

MediaQueryflutterHay muchos atributos comunes en . A continuación, se presentan principalmente algunos atributos comunes. Si hay otro contenido, puede buscar en otro lugar. Este artículo crea principalmente un registro para verlo en el futuro.

Por ejemplo, nuestros atributos de uso común

//获取屏幕尺寸
MediaQuery.of(context).size
//顺便提一下，当前组件渲染完毕之后的size
context.size
复制代码

MediaQuery

MediaQuerySe puede usar para tratar muchos problemas de dispositivos o componentes. A través de este componente, se pueden actualizar varios contenidos, como la rotación de la pantalla, el relleno, etc.

Tal como están las cosas, muchos otros atributos de grupo se basan en este componente.

const MediaQuery({
    Key key,
    @required this.data,
    @required Widget child,
})
复制代码

MediaQuery.removePadding

El método de construcción de fábrica de MediaQuery, a través de esta propiedad, puede configurar el problema de relleno causado por el sistema, como: el margen de la vista de desplazamiento de ios, etc. Al usarlo, solo necesita removeTopconfigurarlo truey usarlo para childenvolver nuestros componentes.

MediaQuery.removePadding({
  Key? key,
  required BuildContext context,
  bool removeLeft = false,
  bool removeTop = false,
  bool removeRight = false,
  bool removeBottom = false,
  required Widget child,
});
复制代码

P.ej:

MediaQuery.removePadding(
    removeTop: true,
    context: context,
    child: ListView(
        children:[]
    ),
);
复制代码

MediaQuery.of(contexto)

Solo necesita pasar el contexto actual para obtener información sobre el sistema, como se muestra a continuación, que puede usarse razonablemente para ajustar nuestro diseño. Las siguientes son algunas propiedades comunes

size: tamaño de pantalla

devicePixelRatio: porcentaje de píxeles de máscara

platformBrightness: para estilos claros y oscuros (modo normal, modo oscuro)

orientation: orientación de la pantalla

viewInsets Bloquee los márgenes de la pantalla cuando aparezca el teclado, ¿dónde  viewInsets.bottomestá la altura del teclado?