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

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


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

Acessando disquetes no Linux

Tags automáticas em URLs com a classe urlmatch da PHP

Liberte-se: Crie um Servidor Proxy na Nuvem para Acessar Conteúdos Bloqueados

Resumo do VOL DAY I

SQL Dicas & Truques (versão 0.1)

Leitura recomendada

Proteja seu website ou página html com encriptaçâo

Web sites dinâmicos com Ajax + JSP + MySQL

DesignCap - Ferramenta de design gráfico para leigos

Entenda o Bootstrap

Entenda o XML - Parte 2

  
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