Iniciando seu primeiro projeto com Flutter
Introduzindo o que é flutter e como iniciar um novo projeto.
Introdução
O desenvolvimento mobile vem conquistando mais e mais espaço no mercado, e com isso, surgiram novas formas de desenvolver para esta plataforma, além das APIS nativas como a do Android (Java ou Kotlin) e iOS (Swift ou Objective-C), foram criadas tecnologias como Flutter e React Native que tem como objetivo simplificar algo que era tão massante de se fazer. Neste artigo, procuro mostrar como iniciar com flutter, criando o app hello world.
O que é Flutter?
De acordo com o site flutter.dev, Flutter é um toolkit feito pelo Google para desenvolver lindos apps nativos para mobile, web e desktop em cima de somente uma base de código. Com objetivo de ter o desenvolvimento rápido, fácil e a manipulação de animações ser simples.
Instalação
Para rodar um projeto em flutter você terá de ter instalado em seu computador:
- Android Studio
- Dart SDK
- Flutter SDK
- Visual Studio Code (opcional)
No link abaixo, existe um guia muito completo para instalação dos respectivos softwares:
Instalando a extensão no Visual Studio Code
Na ilustração abaixo, vamos como é simples instalar a extensão no vscode.
- No menu principal do Visual Studio Code, clique em Extensions.
- Procure por flutter e clique em Install.
- Reinicie o vscode
Criando o seu primeiro App
Tendo certeza que seu Android SDK está configurado e você tenha um emulador criado ou um celular plugado no computador, vamos para mão na massa!
1 . Clique em View
2 . Clique em Command Pallete
3 . Comece a escrever flutter e clique em Flutter: New Project
4. Escreva o nome do projeto.
Pronto, criamos nosso app. Agora vamos Rodá-lo clicando dem Debug > Start Debugging ou simplesmente pressionando F5 e se tudo deu certo, na tela do celular ou no emulador (dependendo de como você configurou) teremos uma tela assim:
Conclusão
Neste artigo, vimos o que é flutter e como inciar o primeiro projeto com o mesmo de forma rápida e sucinta.