Widget: MediaQuery


Graças ao MediaQuery, você pode obter informações sobre qual o tamanho de tela em que você está, bem como as preferências do usuário e construir seu layout conforme a necessidade.

Se você estiver escrevendo um aplicativo para telefone e tablet, você vai querer ter diferentes layouts de interface do usuário para cada tipo de tela.

Você pode se encontrar em uma situação semelhante, se o usuário tiver uma preferência definida para um tamanho de fonte muito maior ou querer diminuir as animações.

O MediaQuery fornece uma visualização de nível superior do tamanho da tela do seu aplicativo e pode fornecer informações mais detalhadas sobre o layout do usuário preferências.

Na prática, o MediaQuery está sempre lá, basta usar o MediaQuery.of em seu método.

var deviceData = MediaQuery.of(context);

De lá você pode procurar todos os tipos de informações interessantes sobre o dispositivo em que você está como o tamanho da tela.

var screenSize = MediaQuery.of(context).size;
if (screenSize.width oneColumnLayout) {

} else {
// one column layout
}

O MediaQuery também permite que você verifique a orientação do seu dispositivo ou determinar se o usuário modificou o tamanho de fonte padrão.

var deviceOrientation = MediaQuery.of(context).orientation;
var fontScaling = MediaQuery.of(context).textScaleFactor;

Você também pode verificar as partes da tela que são obscurecidas por uma interface do usuário do sistema, muito parecido com o SafeArea

var notchInset = MediaQuery.of(context).padding;

Você pode procurar informações interessantes sobre acessibilidade, como se o dispositivo estivesse solicitando, você limita suas animações ou o nível de contraste da tela.

var noAnimations = MediaQuery.of(context).disableAnimations;
var noAnimations = MediaQuery.of(context).platformBrightness;

É isso aí, nos vemos no próximo widget.

494 Visualizações
Awesome Flutter