Capítulo 44 — Os widgets e a árvore de widgets

Nível: iniciante Duração estimada: 7 h Pré-requisitos: PARTE 1A (capítulos 01 a 18) e capítulo 43 — Instalar o Flutter e estrutura de um projeto O que você saberá fazer ao final: ler e escrever uma árvore de widgets Flutter, construir uma tela completa com MaterialApp, Scaffold, AppBar, Center e Text, entender o que é um BuildContext e dividir uma interface em pequenos widgets reutilizáveis.

44.0 — Objetivos do capítulo

Ao final deste capítulo, você será capaz de:

• explicar a frase "no Flutter, tudo é widget";
• reconhecer que um widget é uma classe Dart comum, como as do capítulo 08;
• explicar por que um widget é uma descrição e não um objeto desenhado na tela;
• desenhar e ler uma árvore de widgets;
• explicar por que o Flutter prefere a composição à herança (revisão do capítulo 11);
• usar runApp() e identificar a raiz da árvore;
• usar MaterialApp e seus parâmetros home, title, theme, debugShowCheckedModeBanner;
• usar Scaffold e suas áreas appBar, body, floatingActionButton, bottomNavigationBar;
• escrever uma primeira tela completa, compilável e legível;
• usar Center e Text;
• ler a indentação de uma árvore de widgets aninhados sem se perder;
• explicar o que realmente é um BuildContext;
• usar Theme.of(context) e entender a subida pela árvore;
• nomear as três árvores do Flutter: widgets, elementos e objetos de renderização;
• explicar por que o Flutter consegue reconstruir sua interface com muita frequência sem ficar lento;
• colocar const diante de um widget e dizer o que isso muda;
• explicar para que serve uma Key, de forma breve;
• extrair uma parte da interface para sua própria classe de widget;
• explicar por que extrair para um método é pior do que extrair para uma classe;
• dividir uma interface em pequenos widgets;
• escrever o construtor de um widget com parâmetros nomeados (revisão do capítulo 09);
• distinguir child e children;
• abrir e ler o inspetor de widgets do VS Code;
• ler uma mensagem de erro de renderização do Flutter e encontrar a linha com problema.