Widget: SafeArea

Nos dispositivos de hoje, aplicativos nunca funcionam em um retângulo perfeito. Barras de notificação e controles podem aparecer, cantos arredonddaos e entalhes cortam o conteúdo complicando os formatos.

Hoje em dia, a maioria dos tellefones tem entalhes, cantos arredondados, entre outros. E isso muitas das vezes atrapalha a formatação de seu aplicativo. 

Assim, flutter tem a solução para estes problemas que é o SafeArea.

Ele usa um MediaQuery para ver a dimensão da tela e a combina com a estrutura.

Se seu aplicativo for assim:

ListView(
  children: List.generate(
    100,
    (i) = Text('This is some text'),
  ),
)

Coloque-o na SafeArea e proteja seu conteúdo em iOS e Android:

SafeArea(
child: 
ListView(
  children: List.generate(
    100,
    (i) = Text('This is some text'),
  ),
)

Você pode especificar quais dimensões prefere:

SafeArea(
child: 
ListView(),
top: true,
bottom: true,
...
)

Bem como, pode envolver o body do seu Scaffold que também fica ótimo.

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SafeArea(
      child: Container(),
    ),
  );
}

 

115 Visualizações
Awesome Flutter