Primeiro aplicativo

Você já digitou flutter create no fim do tutorial anterior, e um aplicativo de demonstração foi executado: um contador, um botão, uma barra azul. O reflexo habitual é apagar todo esse código e escrever o seu próprio. No primeiro projeto, isso é um erro, porque essas cem linhas geradas contêm quase todos os conceitos que você usará nos próximos seis meses.

O problema que esta lição resolve não é "como exibir um texto" — isso leva três linhas. Ele é mais insidioso: entender quando o seu código é executado. Em Flutter, você não escreve uma sequência de instruções que desenham uma interface. Você escreve uma função que o framework vai chamar, às vezes sessenta vezes por segundo, às vezes nunca, e cujo resultado ele descartará sem avisar. Enquanto essa inversão não for assimilada, escreve-se código que funciona por acidente: uma variável modificada que não aparece na tela, um Timer que continua rodando após o fechamento da tela, uma exceção vermelha que surge três telas adiante.

Vamos, portanto, ler o projeto gerado linha por linha, escrever nosso próprio widget e, principalmente, provocar de propósito as duas falhas mais frequentes de quem está começando: a interface que não é atualizada e o setState chamado em um widget que já foi destruído. Entender por que elas acontecem vale mais do que decorar a fórmula que as evita.