Etiqueta: flutter

go_router y auto_route se apoyan ambos sobre Navigator 2.0, así que la verdadera elección es enrutamiento declarativo por URL vs rutas tipadas generadas por código vs escribir a mano la API Router. Una matriz de decisión con la configuración de cada uno, y cuándo el Navigator puro sigue ganando.

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.

Riverpod 3.0 envuelve en un ProviderException los errores lanzados al leer un provider. Captura ese tipo y lee e.exception para recuperar tu error original, o usa AsyncValue.error, que viene sin envolver.

Los dot shorthands se volvieron estables en Dart 3.12.2. Escribe .center o .new y deja que el compilador infiera el tipo a partir del contexto. Así funcionan con enums, miembros estáticos y constructores.

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.

En un Notifier, resuelve las dependencias antes del await y luego protege la escritura de state con if (!ref.mounted) return. Es el reemplazo en Riverpod 3.0 del viejo mixin con onDispose, y evita UnmountedRefException cuando un provider se descarta a mitad de un await. Probado en flutter_riverpod 3.x, Flutter 3.44, Dart 3.x.

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.

Por qué un ListView dentro de un Column lanza 'Vertical viewport was given unbounded height', y las cuatro soluciones (Expanded, Flexible, shrinkWrap, SizedBox) con los compromisos de rendimiento que deciden cuál quieres.