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

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

O Linux e o Star Office

A função DATE_FORMAT() do MySQL

Kdenlive - Como desfocar/borrar rosto, área ou objetos em um vídeo

DesignCap - Ferramenta de design gráfico para leigos

Criando um sistema de banners rotativos em PHP

Leitura recomendada

JavaScript - Programação orientada a objetos

Senhas seguras: algumas técnicas e script para teste

Symbaloo para uso em Química e Pesquisa Científica

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

Jakarta JMeter - Testando o desempenho de seus sites

  
Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts