# Flutter

## Instalção
### Java
1. Vá em https://www.oracle.com/java/technologies/downloads/#jdk22-windows, e espere abrir essa tela:
2. Abaixe até
3. Baixe o x64 Installer
4. Após o download, só instalar tranquilamente.
### Sdk do Flutter
1. Vá em [flutter](https://docs.flutter.dev/get-started/install/windows) e instale a sdk(software development kit) do flutter.
2. O arquivo estará zippado, então extraia o conteúdo e tenha cuidado para não coloca-lo em uma pasta privada.
3. Agora, clique em windows e pesquise por "**Editar variáveis**" de ambiente 
4. Ao clicar, abrirá essa tela
5. 
6. Vá em variáveis de ambiente
7. Ao clicar, abrirá essa tela:
8. Clique 2 vezes em Path
9. Clique em novo e adicione o local(caminho) do arquivo bin da pasta do flutter:



9. Clique em ok nas 3 janelas.
### Android Studio
1. Agora, vá em [Android Studio](https://developer.android.com/studio) e clique em Download Android Studio e depois concorde com os termos
2. Abra o instalador do Android Studio 
3. Next>Next>(Selecione o diretório)Next>Install>(Ao terminar)Next>Finish
4. Abrirá essa janela, clique em ok:
5. Ao abrir essa janela, clique em Next>Next>Next>Next:
6. Clique em accept nas 3 abas e depois em finish
7. Se aparecerem perguntas sobre prompt, aceite e depois que carregar, clique em finish.
8. Com o android studio instalado, o programa irá abrir essa. Clique em plugins
9. Pesquise por flutter e clique em install
10. Clique em restart IDE

### Simulando Celular

1. Na tela inicial do android studio, vá nesses 3 pontinhos:
2. Agora, vá em sdk manager.
3. Ao abrir essa tela, aparecerão diversas versões do android para colocar no celular. É interessante ter mais de uma, pois algumas delas acabam não funcionando algumas vezes. Para instalar uma versão, é só clicar nela e depois em apply. Por fim, é sempre interessante ter a versão mais atua, geralmente ela funciona.
4. Agora, vá em sdk tools:
5. Recomendo fortemente aqui que você marque todas as opções. Para não faltar nenhuma ferramenta no seu dispositivo. Depois, clique em apply também.
6. Feito isso, pode clicar em ok e voltar pra tela inicial do android studio.
7. Agora clique novamente nos 3 pontinhos e vá em virtual device manager:
8. Ao abrir essa tela, vá no símbolo de +
9. Aqui, recomendo que escolha o menor dispositivo. Depois de seleconar, clique em next
10. Aqui, você pode baixar uma versão do android studio também. Tanto no Recommended quanto no x86 Images ou você também pode usar a versão baixada no passo 3.
11. Selecionada a versão, vá em next e depois em finish.
12. Agora, o seu dispositivo aparecerá no device manager.
13. Aperte o botão de play e espere o dispositivo carregar totalmente, pode demorar muito em alguns computadores.
14. 

### Adicionando Celular Físico
1. No seu dispositivo, libere o modo de desenvolvedor, em geral, você pode fazer isso indo em "Configurações"->"Sobre o Telefone"->"Informações do Software". Ao entrar nessa página, clique várias vezes no "Número de Compilação"

![image alt](https://hackmd.io/_uploads/HJlAnBs02.png"abc" =250x450)

![image alt](https://hackmd.io/_uploads/SJ0YaSj0h.png"abc" =250x500)

![image alt](https://hackmd.io/_uploads/ByMv0HoCn.png"abc" =250x500)

2. Agora que o modo desenvolvedor foi ativado, entre nele e ligue a DEPURAÇÃO USB
![image alt](https://hackmd.io/_uploads/SJOEyLiC2.png"abc" =250x500)

![image alt](https://hackmd.io/_uploads/rkbOJLoA3.png"abc" =250x500)

3. Agora, conecte o seu dispositivo ao computador com o USB. Deverá aparecer essa mensagem no seu celular:
![image alt](https://hackmd.io/_uploads/BkcymIsAh.jpg"abc" =250x500)
4. E deverá aparecer aqui no seu android studio:
#### Se o passo 3 ou 4 não estiverem aparecendo
Pode ser que o seu computador não tenha o driver usb do seu dispositivo, procure pelo driver usb do seu modelo de celular e instale. Logo após isso deverá funcionar.

### VS Code
#### Poderíamos programar o nosso projeto pelo próprio Android Studio, mas, em geral, na equipe usamos o VS Code pois possuir mais praticidade e funcionalidades.

1. Busque pela extensão do flutter no seu VS Code e instale. Essa extensão instala o dart junto, então se pedir para instalar o dart, aceite.
2. Tem como criar o seu projeto em flutter pelo próprio VS Code mas é melhor criar no android studio e codar pelo VS Code é mais eficiente porque no android studio você pode selecionar algumas coisas a mais. Mas para criar o seu projeto no VS Code, clique em F1 no seu teclado e digite "Flutter: New Project"

3. Com o seu projeto aberto/ criado, provavelmente aparecerá uma janela no canto inferior direito dizendo "run pubget" aceite. Muitas vezes o seu código estará dando um monte de erros sem muito sentido e só de dar o run pubget já resolve.

4. Para rodar o seu código pelo VS Code, vá na main do seu projeto e clique nesta seta:
5. Pedirá para selecionar um dispositivo e aí aparecerá como opção o dispositivo criado lá no android studio ou, se estiver conectado, o seu dispositivo físico. Selecione e, se não rodar automaticamente, clique no Start Debug(setinha da etapa 4) novamente.
6. Tamém é possível trocar de dispositivo por aqui:

7. Uma das vantagens do flutter é o hot reload. Uma vez que você deu o start debug e carregou, abrirá essa janelinha:

8. Sempre que você fizer uma mudança e quiser o ficou, clique no raiozinho.
9. Há um comando chamado flutter doctor, que deve ser rodado no terminal e que é muito utilizado para saber se têm algum erro de instalação/configuração que impedirá o seu código de funcionar da maneira correta:

10. Se, ao rodar o código, estiver parado por um tempo absurdo em "Running Gradle task 'assembleDebug'..." tente rodar as seguintes linhas no terminal:

    cd android

depois

    ./gradlew clean

depois

    ./gradlew build


11. Finalmente, para gerar um APK de fato, vá no terminal e dê um:

    flutter build apk

Esse comando gerará um arquivo chamado "apk-release.apk" que estará em build\app\outputs\apk\release
Pegue esse arquivo e envie para o seu celular e pronto, agora você terá o apk, é só instalar e usar.