React Native
React Native
O React Native é um framework baseado no já aclamado React, desenvolvido pela equipe do Facebook, que possibilita o desenvolvimento de aplicações mobile, tanto para Android, como para iOS, utilizando apenas Javascript.
Como desenvolver com React Native?
Para começar usar o react native, precisará instalar algumas dependências. São elas:
- Node
- React Native CLI
- Python2
- JDK8
- SDK do Android
Instalação de dependências
Para instalar o Node, Python2 e JDK8, execute o comando:
choco install -y nodejs.install python2 jdk8
caso vocẽ não tenha o chocolatey acesse https://chocolatey.org/
Para instalar o React Native CLI execute o comando:
npm install -g react-native-cli
Ambiente de desenvolvimento Android
Configurar seu ambiente de desenvolvimento pode ser um pouco entediante se você for novo no desenvolvimento do Android. Se você já está familiarizado com o desenvolvimento do Android, há algumas coisas que você pode precisar configurar. Em ambos os casos, certifique-se de seguir cuidadosamente as próximas etapas.
1. Instale o Android Studio
Faça o download e instale o Android Studio . Escolha uma configuração "Personalizada" quando solicitado a selecionar um tipo de instalação. Verifique se as caixas ao lado de todos os itens a seguir estão marcadas:
- Android SDK
- Android SDK Platform
- Android Virtual Device
Em seguida, clique em "Next" para instalar todos esses componentes.
Quando a configuração for finalizada e você for apresentado à tela de boas-vindas, vá para a próxima etapa.
2. Instale o SDK do Android
O Android Studio instala o SDK do Android mais recente por padrão. Construir um aplicativo React Native com código nativo, no entanto, requer o Android 9 (Pie)SDK em particular. SDKs adicionais para Android podem ser instalados por meio do SDK Manager no Android Studio.
O SDK Manager pode ser acessado na tela "Bem-vindo ao Android Studio". Clique em "Configurar" e selecione "SDK Manager".
Selecione a guia "Plataformas do SDK" no Gerenciador do SDK e marque a caixa ao lado de "Mostrar detalhes do pacote" no canto inferior direito. Procure e expanda a Android 9 (Pie)entrada e verifique se os seguintes itens estão marcados:
- Android SDK Platform 28
- Intel x86 Atom_64 System Image ou Google APIs Intel x86 Atom System Image
Em seguida, selecione a guia "Ferramentas do SDK" e marque a caixa ao lado de "Mostrar detalhes do pacote" aqui também. Procure e expanda a entrada "Android SDK Build-Tools" e verifique se ela 28.0.3está selecionada.
Por fim, clique em "Aplicar" para baixar e instalar o Android SDK e as ferramentas de criação relacionadas.
3. Configure a variável de ambiente ANDROID_HOME
As ferramentas React Native exigem que algumas variáveis de ambiente sejam configuradas para criar aplicativos com código nativo.
Adicione as seguintes linhas ao seu $HOME/.bash_profile
arquivo de configuração:
export ANDROID_HOME=$HOME/Android/Sdk
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
.bash_profileé específico para bash. Se você estiver usando outro shell, precisará editar o arquivo de configuração específico do shell apropriado.
Digite source $HOME/.bash_profile
para carregar a configuração no seu shell atual. Verifique se ANDROID_HOME foi adicionado ao seu caminho executando echo $PATH.
Por favor, certifique-se de usar o caminho correto do Android SDK. Você pode encontrar a localização real do SDK na caixa de diálogo "Preferências" do Android Studio, em Aparência e comportamento → Configurações do sistema → SDK do Android .