Primera aplicación

Ya has escrito flutter create al final del tutorial anterior, y se ha lanzado una aplicación de demostración: un contador, un botón, una barra azul. El reflejo habitual es borrar todo ese código y escribir el propio. Es un error en el primer proyecto, porque esas cien líneas generadas contienen casi todos los conceptos que usarás durante los próximos seis meses.

El problema que resuelve esta lección no es «cómo mostrar texto», que ocupa tres líneas. Es más insidioso: entender cuándo se ejecuta tu código. En Flutter no escribes una sucesión de instrucciones que dibujan una interfaz. Escribes una función que el framework llamará, a veces sesenta veces por segundo, a veces nunca, y cuyo resultado descartará sin avisar. Mientras no se asimile este cambio de perspectiva, se escribe código que funciona por casualidad: una variable modificada que no se muestra, un Timer que sigue corriendo después de cerrar la pantalla, una excepción roja que aparece tres pantallas más adelante.

Vamos, por tanto, a leer el proyecto generado línea a línea, a escribir nuestro propio widget y, sobre todo, a provocar voluntariamente las dos averías más frecuentes del principiante: la interfaz que no se actualiza y el setState llamado sobre un widget ya destruido. Entender por qué ocurren vale más que memorizar la fórmula que las evita.