Como configurar o Flutter com o Android Studio no Linux

Flutter é uma plataforma de desenvolvimento do Google que permite escrever aplicativos móveis multiplataforma usando uma base de código. Os aplicativos são desenvolvidos em Dart, uma linguagem digitada e orientada a objetos que compila para código nativo ou JavaScript. Isso significa que você pode segmentar Android, iOS, sistemas operacionais de desktop e a web com um único projeto Flutter.

O Flutter vem empacotado com uma estrutura semelhante ao React para definir interfaces declarativamente. Ele também vem com Material Design integrado e componentes semelhantes ao iOS que permitem que você crie rapidamente uma nova interface. A facilidade de uso do desenvolvedor é aprimorada por integrações robustas com IDEs, ferramentas de depuração ao vivo e bibliotecas de teste.

A popularidade do

Flutter cresceu rapidamente nos últimos anos, à medida que mais desenvolvedores foram tentados por sua abordagem unificada. Veja como iniciar seu próprio ambiente de desenvolvimento Flutter com Android Studio em uma máquina Linux.

Fazendo download do Android Studio

Comece baixando e instalando o Android Studio IDE. O Android Studio é baseado no JetBrains &’ IntelliJ IDEA e é o ambiente de desenvolvimento oficial para a plataforma Android. Quando ampliado com o plug-in Flutter, ele também fornece uma experiência de desenvolvimento de primeira classe para aplicativos Flutter.

Vá para a página de downloads e obtenha a versão mais recente do Studio para Linux. Você será solicitado a aceitar um contrato de licença antes de o download começar.

Publicidade

Extraia o arquivo assim que o download for concluído. A árvore de diretórios descompactada contém tudo o que é necessário para executar o Android Studio – não há script de instalação separado. Por esse motivo, geralmente é melhor extrair para um diretório comumente usado para armazenar aplicativos.

 tar -xf android-studio- * -C / opt / android-studio chown -R $ USER: $ USER / opt / android-studio 

Para iniciar o Android Studio, execute o script studio. sh dentro do diretório bin. Adicione este diretório ao seu caminho se você usar o IDE regularmente. Caso contrário, você precisará especificar o caminho completo em cada inicialização:

 /opt/android-studio/bin/studio. sh & 

O "e" comercial à direita significa que você poderá fechar o shell e continuar usando o Android Studio.

Siga o assistente de configuração da primeira execução para configurar seu IDE. Para os fins deste tutorial, você pode aceitar os padrões e criar um “ Padrão ” instalação. Isso fará o download automático de uma versão recente do Android Emulator e das ferramentas de compilação do Android. Eles serão úteis mais tarde, quando se trata de depurar aplicativos Flutter.

Assim que chegar à página “ Verificar configurações ” tela, confirme se o Android Studio irá instalar o SDK, JDK, Emulator, Build Tools e Platform Tools. Se tudo estiver certo, clique no botão “ Avançar ” botão para iniciar o download. Isso pode demorar um pouco dependendo da qualidade da sua conexão com a Internet. Assim que estiver pronto, o Android Studio será iniciado.

Baixando Flutter

O Flutter SDK deve ser adicionado ao seu sistema fora do Android Studio. Como um usuário Linux, é mais fácil obter o SDK diretamente do repositório Git. Você pode alternar entre as versões fazendo check-out em diferentes branches.

Publicidade

Escolha onde localizar o SDK em seu sistema e use o Git para baixar a versão estável mais recente:

 mkdir ~ / . flutter-sdk cd ~ / . flutter-sdk clone git https://github. com/flutter/flutter. git -b stable 

Adicione o diretório bin do SDK ao seu caminho. Isso permitirá que você use o comando flutter em seu terminal. Execute flutter agora para concluir a configuração do SDK. O comando fará o download dos SDKs Dart e Flutter completos e, em seguida, criará o utilitário CLI principal. Pode levar alguns minutos para ser concluído.

Em seguida, execute o flutter doctor para verificar se o SDK está pronto para uso. Este comando irá confirmar se você tem o Android SDK instalado para que possa construir e implantar seus aplicativos Flutter. Se alguma das verificações falhar, use os URLs fornecidos para depurar o que está errado. Um aviso comum é “ Status da licença do Android desconhecido ” – isso pode ser corrigido executando flutter doctor --android-licences para aceitar os termos de licença do SDK.

Assim que o médico mostrar que “ Flutter ” e “ Android Toolchain ” estão funcionando, você está pronto para voltar para o Android Studio. Uma etapa opcional anterior é executar o pré-cache flutter, que pode acelerar compilações futuras. Isso baixa binários específicos da plataforma para iOS e Android com antecedência, reduzindo a duração da compilação de sua primeira versão.

Adicionando suporte de flutuação ao Android Studio

É hora de fazer o Flutter funcionar com o Android Studio. Na tela inicial do Android Studio, clique no link Plug-ins no menu à esquerda. O plug-in Flutter geralmente fica visível próximo ao topo da lista de destaques. Tente usar a barra de pesquisa se você não a encontrar.

Clique no botão verde “ Instalar ” botão próximo ao nome do plugin. Você será solicitado a instalar também o plug-in Dart. Isso adiciona suporte de editor para a linguagem de programação Dart. Confirme o prompt e adicione os dois plug-ins ao Android Studio. Aguarde enquanto o download é concluído e pressione o botão verde “ Reiniciar IDE ” botão para aplicar suas alterações.

Criação de um aplicativo Flutter

O plug-in Flutter modifica a tela inicial do Android Studio com um extra “ New Flutter Project ” botão. Clique aqui agora para iniciar seu primeiro aplicativo Flutter. Embora este atalho deva funcionar como padrão com Flutter, às vezes a caixa de diálogo pop-up a seguir acaba na guia errada. Certifique-se de que “ Flutter ” está selecionado na barra lateral esquerda.

Publicidade

No lado direito da caixa de diálogo pop-up, use o seletor de arquivos para fornecer o caminho do Flutter SDK. Este é o diretório criado pelo comando git clone anteriormente. Você pode alterá-lo posteriormente abrindo seu projeto, navegando até as configurações do Android Studio e escolhendo Idiomas & Frameworks > Flutter.

Nomeie seu projeto e escolha um local de armazenamento na próxima página. O nome do projeto deve consistir em caracteres alfanuméricos minúsculos e sublinhados. Em Organização, forneça um namespace com notação de DNS reverso para seu aplicativo, como com. example. myapp.

Normalmente, você pode deixar os idiomas Android e iOS em seus padrões Kotlin e Swift, respectivamente. Eles definem os idiomas que você usará para escrever componentes nativos específicos da plataforma. Você só deve alterar isso se já souber que precisa.

Finalmente, use a opção “ Plataformas ” caixa de seleção para selecionar os sistemas operacionais que você deseja segmentar. Nesta fase, apenas iOS, Android e Web estarão disponíveis. Windows e macOS não são suportados quando você está desenvolvendo no Linux. Você pode habilitar o suporte a desktop Linux executando o comando flutter config --enable-linux-desktop em seu terminal e reiniciando o Android Studio.

Depois de concluir a configuração do seu projeto, clique no botão “ Concluir ” botão para criá-lo. O processo de criação pode levar alguns segundos enquanto o Android Studio prepara o projeto, baixa quaisquer dependências extras e indexa a fonte inicial para descobrir os símbolos de código.

Executando seu projeto

O IDE será aberto emREADME. md. Você pode encontrar o arquivo de origem do aplicativo de amostra Flutter padrão em lib / main. dart. Os diretórios android, ios e web na pasta do projeto armazenam conteúdo específico da plataforma, como arquivos de manifesto, ícones e configurações do conjunto de ferramentas.

Publicidade

Execute seu aplicativo pressionando o botão verde de reprodução na barra de ferramentas ou usando o atalho de teclado Shift + F10. O padrão será a execução da versão web do seu projeto no Chrome. Se você tiver um dispositivo Android em mãos, conecte-o à sua máquina com o modo de depuração USB habilitado para ativar a depuração no dispositivo do Android Studio. Selecione seu dispositivo no menu suspenso da barra de ferramentas, em frente ao botão de reprodução.

Para usar um dispositivo emulado, vá para Ferramentas > AVD Manager na barra de menu superior e pressione “ Criar dispositivo virtual ” no canto inferior esquerdo. Siga as instruções para configurar seu novo dispositivo com propriedades de hardware e uma versão do Android.

Depois de terminar o processo, o seu dispositivo deve aparecer no menu suspenso na barra de ferramentas de compilação. Agora você está pronto para desenvolver seu aplicativo usando o Android Studio com um telefone Android físico ou emulado.

Resumo

Embora o Flutter esteja simplificando o desenvolvimento de aplicativos de plataforma cruzada, a experiência inicial ainda é relativamente complexa. Usar o Flutter no Linux requer um processo de várias etapas de instalação do Android Studio, download do Flutter SDK e, em seguida, vincular os dois. Você também precisa do Android SDK completo e de uma imagem do emulador Android em funcionamento.

Seguir o procedimento na ordem correta resultará em um ambiente funcional, mas não subestime o impacto que seu dispositivo e rede podem ter. Você terá vários gigabytes de dados para baixar e vários SDKs para extrair e compilar, o que pode ser demorado em hardware mais antigo ou em uma conexão de Internet lenta.

Publicidade

Uma vez que seu IDE está operacional, os documentos do Flutter são sua melhor referência para escrever seu aplicativo e criar construções de produção. Esteja ciente de que não é possível compilar sua versão do iOS no Linux – você precisará ter acesso a um Mac, seja por meio de hardware físico, uma máquina virtual ou uma solução de construção de CI hospedada em nuvem.