117 – Interatividade em um APP em FLUTTER – Curso Flutter & Dart

Playlist: Curso Grátis de FLUTTER e DART Completo

Adicionando interatividade ao seu aplicativo Flutter

Adicionando interatividade

O que você vai aprender:

Como responder aos toques.

Como criar um widget personalizado.

A diferença entre widgets sem estado e com estado.

Como você modifica seu aplicativo para reagir à entrada do usuário?

Neste tutorial, você adicionará interatividade a um aplicativo que contém apenas widgets não interativos. Especificamente, você modificará um ícone para torná-lo vincável, criando um widget com monitoração de estado personalizado que gerencia dois widgets sem estado.

O tutorial de layout mostrou como criar o layout para a captura de tela a seguir.

O aplicativo tutorial de layout
O aplicativo tutorial de layout
Quando o aplicativo é lançado pela primeira vez, a estrela fica vermelha, indicando que esse lago já foi favorito. O número ao lado da estrela indica que 41 pessoas favoritaram este lago. Depois de concluir este tutorial, tocar na estrela remove seu status de favorito, substituindo a estrela sólida por um contorno e diminuindo a contagem. Tocando novamente favorece o lago, desenhando uma estrela sólida e aumentando a contagem.

O widget personalizado que você criará

Para conseguir isso, você criará um único widget personalizado que inclui a estrela e a contagem, que são widgets em si. Tocar na estrela muda de estado para os dois widgets, portanto, o mesmo widget deve gerenciar ambos.

Você pode acessar diretamente o código na Etapa 2: Subclasse StatefulWidget. Se você quiser tentar diferentes maneiras de gerenciar o estado, pule para Gerenciando estado.