Curso

Flutter: Reaproveitamento de Widgets

Neste curso criaremos uma tela de signos e a partir dela poderemos acessar uma tela com mais informações sobre o signo escolhido.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

11 horas

Curso de Flutter (10 aulas)

Aula 1 - Introdução

Nessa aula conheceremos nossa aplicação que tem como principal objetivo mostrar como reaproveitar um Widget.

Aula 2 - Entendendo o exemplo

Nesse ponto vemos como é montada a tela que lista os signos e também a tela que mostra os detalhes de cada signo.

Aula 3 - Tipo Map

Nessa aula veremos o tipo de dado Map, que serve para criar uma coleção composta de chaves e valores.

Aula 4 - Widget GridView

Para exibir os signos da aplicação vamos usar o Widget GridView, que mostrará os signos numa estrutura em forma de grade.

Aula 5 - Reaproveitamento de Widget

Reaproveitar código ajuda a manter aplicação mais legível e fácil de manter. Veremos nessa aula como reaproveitar um Widget já criado.

Aula 6 - Arquitetura do projeto

Agora vamos entender como o nosso projeto está organizado, ou seja, a estrutura da aplicação.

Aula 7 - Conhecendo nosso ponto de partida

Antes de começar a fazer as implementações na aplicação, vamos baixar e conhecer o projeto base que será usado neste curso.

Aula 8 - Exibindo o Widget GridView

Nosso primeiro passo será acrescentar o Widget GridView na nossa tela para exibir os signos da aplicação.

Aula 9 - Importando os dados para a aplicação

Veremos como importar os dados da nossa aplicação, que serão usados para representar as informações dos signos.

Aula 10 - Implementando o Widget CardSigno

Nessa aula implementaremos o Widget CardSigno. Além disso, fazeremos o CardSigno receber informações para exibir signos diferentes na tela da lista de signos.

Ver todas as 11 aulas
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Veja outros cursos de Flutter

Flutter: Conhecendo novos Widgets

Flutter: Captura de input de dados

Flutter: Conhecendo Navigator.push