[Aula 04] Preparação do ambiente de desenvolvimento
Last updated
Last updated
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.
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.
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.
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.
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.
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.