[Aula 04] Preparação do ambiente de desenvolvimento

Agenda

• Realização do tutorial inicial.

• Criando o primeiro app bem simples:

  • Adicionando elementos de UI;

  • Inserção de ações;

  • Nova página;

  • Navegação entre páginas.

Realização do tutorial inicial

https://youtu.be/pnrf_dsulr4youtu.be

Antes de criarmos de um aplicativo no FlutterFlow, é essencial realizarmos o tutorial inicial oferecido pela plataforma. Esse tutorial foi projetado para nos familiarizar com a interface e as principais ferramentas do FlutterFlow. Ao concluí-lo, teremos uma compreensão ampla sobre o funcionamento da ferramenta, nos preparando para dar os próximos passos no desenvolvimento.

Criando o Primeiro App Bem Simples

https://youtu.be/Nr14y22tX2Qyoutu.be

Agora que já conhecemos a plataforma, é hora de colocar a mão na massa e criar nosso primeiro aplicativo. Começaremos com algo bem simples, pois é exatamente o mesmo app que faremos no Android Nativo usando High Code, o que trará um comparativo na prática entre Low Code e High Code.

Adicionando Elementos de UI

• Iniciaremos adicionando alguns elementos básicos de interface do usuário (UI) ao nosso aplicativo. Isso inclui botões, campos de texto e imagens.

• Aprenderemos como arrastar e soltar esses elementos no canvas, ajustando suas posições e personalizando suas aparências.

Inserção de Ações

• Uma vez que temos nossos elementos de UI no lugar, é hora de torná-los interativos.

• Vamos adicionar ações a esses elementos. Por exemplo, o que acontece quando clicamos em um botão? Pode ser a abertura de uma nova página, a exibição de uma mensagem ou qualquer outra ação que desejarmos.

Nova Página

• Agora, vamos adicionar uma nova página ao nosso aplicativo. Esta página pode ser uma tela de detalhes, uma tela de configurações ou qualquer outra que vocês imaginarem.

• Aprenderemos como criar uma nova página, personalizá-la e adicionar elementos de UI a ela.

Navegação Entre Páginas

• Com mais de uma página em nosso aplicativo, precisamos de uma maneira de navegar entre elas.

• Exploraremos as ferramentas de navegação do FlutterFlow, aprendendo como criar transições suaves entre diferentes páginas e garantindo que nosso aplicativo seja intuitivo e fácil de usar.