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

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


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

Integrando o Exim4 com o SendGrid

Como Turbinar sua Produtividade com VIM - Guia Definitivo do Desenvolvedor

Edital de política de contribuição de artigos

A trajetória do Viva o Linux - retrospectiva 2003/2004

Acessando disquetes no Linux

Leitura recomendada

Web sites dinâmicos com Ajax + JSP + MySQL

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

Máquina Enigma e encriptação em XOR

CSS - Manual de Estilo (parte 2)

Web sites para TODOS

  
Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts