Criando Aplicativos Mobile com React Native

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: 6.238 ]

Por: Fábio Berbert de Paula em 10/04/2020 | Blog: https://mestrefabio.com


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:
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

Python - Usando requests anônimos através da rede Tor

O que é e como funciona um ataque de força bruta

Usando o "at" para agendamento de tarefas

Desenhar com o mouse na tela do desktop

Assumindo o controle do teu Android com ADB

Leitura recomendada

Instalando Adobe Flash 10 em distros amd64 (Ubuntu, Mandriva, Fedora)

IBM apresenta Maqetta, uma contribuição open source para HTML5

Máquina Enigma e encriptação em XOR

Jakarta JMeter - Testando o desempenho de seus sites

Verificando a consistência de um formulário com JavaScript

  
Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts