Capítulo 44 — Los widgets y el árbol de widgets

Nivel: principiante Duración estimada: 7 h Requisitos previos: PARTE 1A (capítulos 01 a 18) y capítulo 43 — Instalar Flutter y estructura de un proyecto Lo que sabrás hacer al final: leer y escribir un árbol de widgets de Flutter, construir una pantalla completa con MaterialApp, Scaffold, AppBar, Center y Text, comprender qué es un BuildContext y dividir una interfaz en pequeños widgets reutilizables.

44.0 — Objetivos del capítulo

Al final de este capítulo serás capaz de:

• explicar la frase «en Flutter, todo es un widget»;
• reconocer que un widget es una clase Dart ordinaria, como las del capítulo 08;
• explicar por qué un widget es una descripción y no un objeto dibujado en pantalla;
• dibujar y leer un árbol de widgets;
• explicar por qué Flutter prefiere la composición a la herencia (repaso del capítulo 11);
• usar runApp() e identificar la raíz del árbol;
• usar MaterialApp y sus parámetros home, title, theme, debugShowCheckedModeBanner;
• usar Scaffold y sus zonas appBar, body, floatingActionButton, bottomNavigationBar;
• escribir una primera pantalla completa, compilable y legible;
• usar Center y Text;
• leer la indentación de un árbol de widgets anidados sin perderte;
• explicar qué es realmente un BuildContext;
• usar Theme.of(context) y entender el ascenso por el árbol;
• nombrar los tres árboles de Flutter: widgets, elementos y objetos de renderizado;
• explicar por qué Flutter puede reconstruir su interfaz con mucha frecuencia sin ralentizarse;
• colocar const delante de un widget y decir qué cambia;
• explicar, brevemente, para qué sirve una Key;
• extraer una porción de interfaz a su propia clase de widget;
• explicar por qué extraer a un método es peor que extraer a una clase;
• dividir una interfaz en pequeños widgets;
• escribir el constructor de un widget con parámetros con nombre (repaso del capítulo 09);
• distinguir child y children;
• abrir y leer el inspector de widgets de VS Code;
• leer un mensaje de error de renderizado de Flutter y encontrar la línea que falla.