Tag: layout

Use Expanded quando um filho precisa ocupar sua parte de um Row ou Column, e Flexible quando ele pode ser menor que sua parte. Layouts medidos no Flutter 3.44 mostram para onde vai o espaço que sobra, por que filhos loose nunca o doam aos irmãos e quando só Flexible sobrevive a constraints ilimitadas.

Um widget pediu height: double.infinity dentro de um pai sem limite de altura, como um Column ou ListView. Use Expanded, uma altura finita, LimitedBox ou SliverFillRemaining no lugar.

O exemplo oficial do google_mobile_ads não renderiza nada até o onAdLoaded, então o seu conteúdo salta 150 dp alguns segundos depois de a tela aparecer. Peça primeiro o tamanho adaptativo ancorado, reserve-o com um SizedBox, persista a altura entre as execuções e só então carregue o anúncio. Medido com Flutter 3.44.8 e google_mobile_ads 9.1.0.

Mirar o SDK 35 do Android coloca seu app Flutter em modo edge-to-edge, então o corpo do Scaffold é desenhado atrás da barra de navegação. Consuma os insets com SafeArea e o padding do MediaQuery em vez de desativar, porque essa saída já morreu no Android 16.

O teclado reduz a altura máxima do corpo do Scaffold, então uma Column que mal cabia agora estoura. Envolva o corpo em um scrollable em vez de desligar resizeToAvoidBottomInset.

Para uma lista longa, nunca use shrinkWrap. Use Expanded quando a lista for o único scrollable, e slivers (CustomScrollView) quando ela compartilhar o scroll com outras seções. Aqui está o porquê, com um benchmark de contagem de builds.

Mova a cor para dentro da decoração: use decoration: BoxDecoration(color: ...) em vez de passar color e decoration para o mesmo Container.

Este erro significa que um Expanded ou Flexible não é filho direto de um Row, Column ou Flex. Mova-o diretamente para baixo do widget flex, ou remova Expanded se o pai não for um flex.

A lista slivers de um CustomScrollView aceita apenas slivers. Envolva widgets box em SliverToBoxAdapter, ou troque ListView/Padding/Column por SliverList e SliverPadding.

Coloque uma lista e uma grade em uma única rolagem contínua sem scrollables aninhados. Use CustomScrollView com SliverList e SliverGrid, e evite a armadilha do shrinkWrap que arruína o desempenho silenciosamente.