Capítulo 55 — Cartão de perfil

Nível: intermediário Duração estimada: 8 h Pré-requisitos: PARTE 1A (capítulos 01 a 18) e PARTE 1B (capítulos 43 a 54) O que você saberá fazer ao final: construir do zero um componente de interface caprichado, configurável e reutilizável, exibi-lo em lista, adaptá-lo ao modo escuro e ao tablet, e abrir uma tela de detalhe com um clique.

55.0 — Objetivos do capítulo

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

• ler um documento de requisitos e traduzi-lo em uma lista de etapas técnicas;
• criar um projeto Flutter limpo e organizar nele seus arquivos por papel;
• definir um tema claro e um tema escuro coerentes com ColorScheme.fromSeed();
• escrever uma classe modelo Dart pura, sem dependência do Flutter;
• exibir um avatar sem nenhum arquivo de imagem, a partir das iniciais de um nome;
• desenhar um banner com um degradê linear;
• sobrepor um avatar a um banner com Stack e Positioned;
• alinhar três estatísticas com separadores verticais que tenham a altura certa;
• exibir uma lista de emblemas que quebra a linha automaticamente com Wrap;
• exibir uma barra de progresso de nível com LinearProgressIndicator;
• posicionar uma linha de botões de ação que nunca transborda;
• dividir um build() grande em pequenos widgets nomeados e reutilizáveis;
• tornar um widget configurável com campos final e callbacks (VoidCallback);
• exibir uma lista de perfis com ListView.builder;
• alternar todo o aplicativo para o modo escuro a partir da AppBar;
• mudar de layout acima de uma largura definida com LayoutBuilder;
• abrir uma tela de detalhe com um clique usando Navigator.push e animar a transição com Hero;
• reconhecer e corrigir os erros de layout mais frequentes nesse tipo de tela.