Byte Bank: Criando um App de banco

GitHub Github InDev GitHub Version

Nessa prática criaremos nosso primeiro app em Flutter. A ideia aqui é fazer algo prático e do conhecimento da maioria, aproveitando para explanar alguns conceitos que serão úteis no desenvolvimento das suas aplicações.

Objetivo da prática

Nosso app final deve ser algo parecido com

Tela inicial com brightness Adicionando transferência Tela com extrato da transferência
WhatsApp Image 2022-04-01 at 02 39 56 image WhatsApp Image 2022-04-02 at 01 17 50 (2)
Tela inicial com darkmode Adicionando transferência Tela com extrato da transferência
image WhatsApp Image 2022-04-02 at 01 17 50 (3) WhatsApp Image 2022-04-02 at 01 17 50

1. Baixando o Flutter

Para inciarmos nossa prática vamos fazer o download da SDK. Acesse o link abaixo e faça o download.

Download Flutter

NOTA: Enquanto baixamos o Flutter já podemos ir abrindo a IDE do Android Studio, para ela baixe algumas coisas.

1.1 Selecione uma pasta

Devemos escolher uma pasta para que deixemos a nossa SDK do Flutter.

NOTA: É recomendado que não se coloque dentro de pastas que requerem acessos privilegiados.

1.2 Adicionar ao PATH

Nosso Flutter já funciona, se acessarmos diretamente pela pasta /bin já poderemos executar alguns comandos, mas é interessante que adicionemos ao PATH, para que possamos acessar pelo terminal sem ter de direcionar para a pasta.

No Windows


No menu iniciar vamos procurar pelo item “Editar variáveis de ambiente para esta conta”. Procuraremos pelo PATH e adicionaremos mais uma entrada, que será direcionada para a pasta bin dentro dos arquivos que baixamos do Flutter.

Por exemplo, suponhamos que os arquivos do Flutter encontram-se no caminho C:\opt\flutter. Em nosso PATH vamos adicionar a entrada C:\opt\flutter\bin.

Após isso basta reiniciar e o comando já estará acessível pelo PowerShell.

Para testar podemos executar o comando flutter --version

No Linux


Em breve….

O Emulador

Antes de criarmos o projeto e começar a escrever código de fato, é importante que criemos o emulador. Isso a gente vai poder fazer pelo AVD Manager do Android Studio.

Então no Android Studio em Tools > AVD Manager vamos criar um novo device.

Podemos deixar a configuração padrão mesmo e vamos baixar uma imagem do Android, para que nosso emulador funcione. (PODEMOS DEIXAR BAIXANDO E SEGUIR)

Quem quieser utilizar o próprio celular pode ficar a vontade, na verdade é até melhor. Você pode levar pra casa o que você fez

Para isso vamos só ativar a função desenvolvedor. Acesse as configurações > Sistema > Sobre o dispositivo.

Toque sobre o número da versão 7 vezes.

Habilite a depuração via USB e pode conectar seu dispositivo.

Execute o comando flutter doctor para ver se seu dispositivo foi reconhecido

A new Flutter project.

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

GitHub

View Github