Criando Aplicativos Mobile com React Native

fabio

Este artigo é um pontapé inicial no desenvolvimento de aplicativos mobile (Android e iOS) com React Native. Vamos abordar a configuração do ambiente de desenvolvimento e o deploy de um "Hello World" em teu celular Android.

[ Hits: 7.172 ]

Por: Fábio Berbert de Paula em 10/04/2020 | Blog: https://fabio.automatizando.dev

7 0

Denuncie Favoritos Indicar Impressora

Android Studio

Agora vem a parte puxada, que é a instalação do Android Studio. Ele traz todas as ferramentas e bibliotecas necessárias para o desenvolvimento Android.

Acesse o link abaixo, clique no botão de download e aceite os termos de uso:

https://developer.android.com/studio/index.html

Após baixar o arquivo, vamos abrir um terminal e extrair o pacote:

tar -zxvf android-studio-ide-192.6308749-linux.tar.gz
$ cd android-studio
$ ls
bin build.txt Install-Linux-tar.txt jre lib license LICENSE.txt NOTICE.txt plugins product-info.json cd ./bin/

Executar o assistente de instalação do Android Studio:

./studio.sh

A interface de instalação é basicamente next, next e finish, mas vamos lá!

Em tipo de instalação escolha "Custom". Dentro de Custom marque os seguintes items:

Android SDK
Android SDK Platform > API 29
Android Virtual Device

Em "Android SDK Location" selecione a pasta destino da instalação, eu deixei a padrão, que é "android" dentro de meu $HOME:

/home/fabio/android/

Ao término da instalação o Android Studio se abrirá:

Clique no botão "Configure" na parte inferior da tela e escolha "SDK Manager:

Em Android SDK selecione o Android 9.0 (Pie) e clique em Apply:

NOTA: o Android 9.0 SDK é necessário para o desenvolvimento em React Native 0.62, versão estável no momento em que escrevo este guia.

Já podemos fechar o Android Studio. Note que foi criada uma pasta "android" no teu $HOME (lembra do Android SDK Location?):

ls ~/android
build-tools emulator licenses patcher platforms platform-tools skins sources system-images

Configurando variáveis de ambiente

Finalmente já temos tudo instalado! Agora resta apenas configurarmos as variáveis de ambiente no sistema operacional.

Edite o arquivo .bash_profile em teu $HOME e adicione as seguintes linhas:

vim ~/.bash_profile

export ANDROID_HOME=$HOME/android
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

NOTA: o caminho $HOME/android pode variar de acordo com a localização que você escolheu durante a instalação do Android Studio, atente-se para isso. No meu caso foi /home/fabio/android, que é o mesmo que $HOME/android.

Recarregue as configurações de ambiente:

source ~/.bash_profile

Página anterior Próxima página

Páginas do artigo

   1. Introdução
   2. Android Studio
   3. Criando o primeiro projeto

Outros artigos deste autor

Organizando projetos com a classe FastTemplate (parte 2)

Criando um sistema de banners rotativos em PHP

Tasker - Cotação do dólar usando Javascript

Como implementar uma assistente virtual no Linux

Personalizando seu lilo no Debian

Leitura recomendada

Select dinâmico com PHP, Javascript e MySQL

Fundo pontilhado CSS