Categoría 6: Maquetación Visual (Layout), Jerarquía y Resolución de Problemas

Jerarquía home/body/child, catálogo de los 7 widgets clave, diferencias entre Spacer/Expanded/SizedBox y depuración visual con ColoredBox y debugPaintSizeEnabled.

• 6.1 · Jerarquía visual de la pantalla: qué opciones caben en home , body y child (y diferencia con children )
• 6.2 · Catálogo de ejemplos prácticos con los 7 widgets fundamentales en el body (con 1 y con varios elementos)
• 6.3 · Qué propiedades tiene SizedBox y por qué debes usar Container si necesitas color, bordes o imágenes
• 6.4 · Problemas clásicos en un Row : por qué SizedBox(height: 16) no separa horizontalmente y por qué MainAxisAlignment parece no hacer efecto
• 6.5 · Alineación y distribución espacial avanzada: Spacer() vs. Expanded() vs. SizedBox() en filas y columnas
• 6.6 · Técnicas de depuración visual de Layouts: cómo visualizar cajas y límites con ColoredBox y debugPaintSizeEnabled