Etiqueta: layout

Usa Expanded cuando un hijo deba llenar su parte de un Row o Column, y Flexible cuando pueda ser más pequeño que su parte. Diseños medidos en Flutter 3.44 muestran adónde va el espacio sobrante, por qué los hijos loose nunca se lo ceden a sus hermanos y cuándo solo Flexible sobrevive a restricciones sin límite.

Un widget pidió height: double.infinity dentro de un padre sin límite de altura, como un Column o un ListView. Usa Expanded, una altura finita, LimitedBox o SliverFillRemaining.

El ejemplo oficial de google_mobile_ads no renderiza nada hasta onAdLoaded, así que tu contenido salta 150 dp segundos después de que aparece la pantalla. Pide primero el tamaño adaptable anclado, resérvalo con un SizedBox, persiste la altura entre lanzamientos y solo entonces carga el anuncio. Medido en Flutter 3.44.8 con google_mobile_ads 9.1.0.

Apuntar al SDK 35 de Android pone tu app Flutter en modo edge-to-edge, así que el cuerpo del Scaffold se dibuja detrás de la barra de navegación. Consume los insets con SafeArea y el padding de MediaQuery en lugar de desactivarlo, porque esa exclusión ya está muerta en Android 16.

El teclado reduce la altura máxima del cuerpo del Scaffold, así que una Column que apenas cabía ahora se desborda. Envuelve el cuerpo en un scrollable en lugar de desactivar resizeToAvoidBottomInset.

Para una lista larga, nunca uses shrinkWrap. Usa Expanded cuando la lista es el único scrollable, y slivers (CustomScrollView) cuando comparte scroll con otras secciones. Aquí está el porqué, con un benchmark de conteo de builds.

Mueve el color dentro de la decoración: usa decoration: BoxDecoration(color: ...) en lugar de pasar color y decoration al mismo Container.

Este error significa que un Expanded o Flexible no es hijo directo de un Row, Column o Flex. Muévelo directamente bajo el widget flex, o quita Expanded si el padre no es un flex.

La lista slivers de un CustomScrollView solo acepta slivers. Envuelve los widgets de tipo caja en SliverToBoxAdapter, o cambia ListView/Padding/Column por SliverList y SliverPadding.

Coloca una lista y una cuadrícula en un solo scroll continuo sin scrollables anidados. Usa CustomScrollView con SliverList y SliverGrid, y evita la trampa de shrinkWrap que arruina el rendimiento en silencio.