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.341 ]

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

Resumo do VOL DAY I

Criando um contador de downloads com PHP e MySQL

Como camuflar seu WhatsApp Web usando Snippets JavaScript

Utilizando o Buffer de Gravação no Editor Vim

Como transformar um áudio em vídeo com efeito de forma de onda (wave form)

Leitura recomendada

Dicas simples para dar mais usabilidades aos formulários

Banda Larga é um direito de todos!