react native - cursoapp.files.wordpress.com · react native o react native é instalado pelo...

5
Criação do ambiente e itens importantes Preparação do ambiente de desenvolvimento no Windows React Native

Upload: others

Post on 28-Aug-2020

47 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: React Native - cursoapp.files.wordpress.com · React Native O React Native é instalado pelo comando "npm install -g react-native-cli", portanto, é necessário antes a instalação

Criação do ambiente e itens importantes

Preparação do ambiente de desenvolvimento no Windows

React Native

Page 2: React Native - cursoapp.files.wordpress.com · React Native O React Native é instalado pelo comando "npm install -g react-native-cli", portanto, é necessário antes a instalação

Instalações das seguintes ferramentas

Java JDKPythonNode JSAndroid StudioReact Native

O React Native é instalado pelo comando "npm install -g react-native-cli", portanto, é necessário antes a instalação do Node JS.

Preparação do ambiente

de desenvolvimento no

Windows

Page 3: React Native - cursoapp.files.wordpress.com · React Native O React Native é instalado pelo comando "npm install -g react-native-cli", portanto, é necessário antes a instalação

- Abrir o Android Studio pela primeira vez e fazer as configurações iniciais conforme documentação em React Native Getting Started.

Adicionar no Path

%JAVA_HOME%\bin%ANDROID_HOME%\tools%ANDROID_HOME%\tools\bin%ANDROID_HOME%\platform-tools

Quando for feita a configuração inicial da SDK do Android, o ideial é sempre instalar as 4 últimas versões (SDK Platforms) e também instalar algumas ferramentas adicionais (SDK Tools) como (Support Repository, Google Play services, Android SDK Tools entre outras que podem ser necessários dependendo dos requisitos que o APP vai utilizar).

Page 4: React Native - cursoapp.files.wordpress.com · React Native O React Native é instalado pelo comando "npm install -g react-native-cli", portanto, é necessário antes a instalação

A Imagem acima é a instalação de alguns adicionais após a instalação do Android Studio.

Após o ambiente configurado, criar um aplicativo:

Abrir o node.js command prompt e acessar o diretório dos aplicativos (Exemplo: D:\Projetos\ReactNative) e executar o comando para criar o app.

react-native init app1

Abrir o app no Android Studio e adicionar o emulador (Tools --> AVD Manager), e iniciar o emulador. Ou então executar direto no seu dispositivo.

Page 5: React Native - cursoapp.files.wordpress.com · React Native O React Native é instalado pelo comando "npm install -g react-native-cli", portanto, é necessário antes a instalação

Acessar o diretório app1 e executar o app: react-native run-android

É possível listar e executar os emuladores do Android pelo prompt sem precisar abrir o Android Studio.Listar emuladores: emulator -list-avdsAbrir Emulador: emulator -no-snapshot -avd Nexus_5X_API_28_x86