[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

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

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.

  • 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.

Last updated