Start Debugging

Tag: layout

11 posts · Página1de2

2026-10-05 flutter dart admob

Como reservar espaço para um banner adaptativo do AdMob no Flutter e evitar layout shift

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.

2026-08-21 flutter dart android

Correção: a UI do Flutter fica sobreposta pela barra de navegação do sistema Android ao mirar o SDK 35

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.

2026-08-01 errors flutter dart

Correção: A RenderFlex overflowed by N pixels on the bottom quando o teclado abre no Flutter

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.

2026-07-07 comparison flutter dart

shrinkWrap vs Expanded vs slivers para listas longas no Flutter: qual escolher?

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.

2026-07-05 errors flutter dart

Correção: Cannot provide both a color and a decoration em um Container do Flutter

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

2026-07-05 errors flutter dart

Correção: Incorrect use of ParentDataWidget. Expanded widgets must be placed inside Flex widgets (Flutter)

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.

2026-07-05 errors flutter dart

Correção: A RenderViewport expected a child of type RenderSliver but received a child of type RenderBox (Flutter CustomScrollView)

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

2026-07-02 flutter dart layout

Como misturar um ListView e um GridView em uma única área de rolagem com slivers no Flutter

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.

2026-07-02 flutter dart layout

Como aninhar um ListView dentro de um Column no Flutter sem o erro de altura sem limites

Por que um ListView dentro de um Column lança 'Vertical viewport was given unbounded height', e as quatro soluções (Expanded, Flexible, shrinkWrap, SizedBox) com os trade-offs de desempenho que decidem qual você quer.

2026-06-03 errors flutter dart

Correção: RenderBox was not laid out no Flutter

RenderBox was not laid out quase sempre é um erro secundário. Procure a primeira asserção de layout acima dele, geralmente um scrollable com restrições não limitadas, e corrija isso.