Dart Flutter Criando primeiro projeto Flutter

Veja neste artigo como criar o primeiro projeto Flutter.

Fagner Pinheiro 7 de outubro de 2020

No artigo anterior, vimos como configurar nosso ambiente de desenvolvimento para a criação de projetos Flutter. Agora, com o ambiente configurado, veremos neste artigo como criar o primeiro projeto Flutter, dando início à nossa carreira como desenvolvedor mobile.

Criando o projeto

O primeiro passo para criamos nosso projeto Flutter é abrir o Android Studio. É com ele que criaremos e gerenciaremos todo o nosso projeto. Ao fazer isso, veremos a seguinte tela:

Iniciando Android Studio

Dentre as opções disponíveis, selecionaremos a “Start a new Flutter project”. É nesta opção que criaremos nosso projeto com a estrutura e os requisitos necessários do Flutter. Ao fazer isso, seremos redirecionados para a seguinte tela:

Selecionando tipo de aplicação flutter

Criando aplicação

Na nova janela, selecionaremos o tipo de projeto que vamos criar. Com o Android Studio, é possível criar um plugin pro Flutter, um pacote, um módulo e, obviamente, um projeto. Sendo assim, clicaremos sobre a opção “Flutter Application” e depois em “Next”.

Ao fazer isso, seremos redirecionados para a página onde informaremos as configurações do nosso aplicativo flutter:

Definindo Configurações da Aplicação Flutter

É nessa janela que informaremos o nome, localização do sdk do Flutter em nosso computador, a localização do projeto e uma breve descrição sobre o aplicativo.

Flutter - Fundamentos
Curso de Flutter - Fundamentos
CONHEÇA O CURSO

Ao preencher todas as informações, podemos clicar em “Next” para a última etapa do processo:

Definindo nome do pacote da aplicação Flutter

Aqui definimos o nome do pacote ao qual o aplicativo será “atrelado”. É muito importante que este domínio seja seu (ou da empresa que você está criando o app), já que eles devem ser únicos. O padrão para este domínio é sempre o nome do domínio ao contrário (br.com.treinaweb) seguido do nome do app sem espaços (nomedoapp).

Executando app

Ao definir o nome do pacote, podemos clicar sobre o botão “Finish” e o Android Studio irá criar todo o nosso projeto:

Projeto Flutter criado no Android Studio

Além disso, o projeto possui uma aplicação previamente desenvolvida para que possamos testar se tudo ocorreu bem. Para isso, basta iniciarmos o emulador preferido e clicar sobre o botão “Run” localizado no topo do janela:

Executando emulador no Android Studio

Flutter - Widgets
Curso de Flutter - Widgets
CONHEÇA O CURSO

Ao fazer isso, o app será instalado no emulador, que exibirá sua interface:

Aplicação flutter executada com sucesso

Com isso, nosso projeto já está criado e funcionando em nosso computador. Agora é estudar e desenvolver os apps mais incríveis com o Flutter o/

Deixe seu comentário

Conheça o autor desse artigo

  • Foto Autor Fagner Pinheiro
    Fagner Pinheiro

    Professor na TreinaWeb e graduado em Sistemas de Informação pelo Instituto Federal da Bahia. Apaixonado por desenvolvimento web, desktop e mobile desde os 12 anos de idade. Já utilizou todos os sistemas operacionais possíveis, mas hoje se contenta com o OSX instalado em seu desktop. Quando não está trabalhando, é IGL e Awper do time de CS:GO da Treinaweb. Até passou em uma peneira do Cruzeiro, mas preferiu estudar Python.

    Posts desse Autor

Artigos relacionados