OpenCollective.ReactNative

Este é um novo projeto nativo do React , inicializado usando @react-native-community/cli .

Começando

NOTA : Verifique se você concluiu as instruções de configuração do ambiente React Native até "Criando um novo aplicativo", antes de prosseguir.

Etapa 1: Inicie o servidor do metrô

Primeiro, você precisará iniciar o Metro , o Javascript Motorler que é enviado com o React Native.

Para iniciar o Metro, execute o seguinte comando da raiz do seu projeto nativo do React:

 # using npm
npm start

# OR using Yarn
yarn start

Etapa 2: Inicie seu aplicativo

Deixe o Metro Bundler executar em seu próprio terminal. Abra um novo terminal da raiz do seu projeto nativo do React. Execute o seguinte comando para iniciar seu aplicativo Android ou iOS :

Para Android

 # using npm
npm run android

# OR using Yarn
yarn android

Para iOS

 # using npm
npm run ios

# OR using Yarn
yarn ios

Se tudo estiver configurado corretamente , você verá seu novo aplicativo em execução no seu emulador Android ou simulador iOS em breve, desde que tenha configurado seu emulador/simulador corretamente.

Esta é uma maneira de executar seu aplicativo - você também pode executá -lo diretamente no Android Studio e Xcode, respectivamente.

Etapa 3: Modificando seu aplicativo

Agora que você executa o aplicativo com sucesso, vamos modificá -lo.

1. Open App.tsx em seu editor de texto de escolha e edite algumas linhas.

2. Para Android : pressione a tecla R duas vezes ou selecione "Recarregar" no menu do desenvolvedor ( Ctrl + M (na janela e Linux) ou CMD ⌘ + M (no macOS)) para ver suas alterações!

   Para iOS : pressione CMD ⌘ + r no seu simulador iOS para recarregar o aplicativo e ver suas alterações!

Parabéns! ?

Você executou e modificou seu aplicativo nativo do React. ?

Agora o quê?

• Se você deseja adicionar este novo código nativo do React a um aplicativo existente, consulte o guia de integração.
• Se você estiver curioso para saber mais sobre o React Native, confira a introdução ao React Native.

Solução de problemas

Se você não conseguir fazer isso funcionar, consulte a página Solução de problemas.

Saber mais

Para saber mais sobre o React Native, dê uma olhada nos seguintes recursos:

• Reactar o site nativo - Saiba mais sobre o React Native.
• Introdução - uma visão geral do React Native e como configure seu ambiente.
• Aprenda o básico - uma visita guiada ao React Native Basics .
• Blog - Leia as últimas postagens oficiais do blog nativo do React.
• @facebook/react-native - o código aberto; Repositório do GitHub para React Native.