OpenCollective.ReactNative

Il s'agit d'un nouveau projet natif React , en bootstrapage à l'aide de @react-native-community/cli .

Commencer

Remarque : Assurez-vous que vous avez terminé les instructions React Native - Configuration de l'environnement jusqu'à l'étape "Création d'une nouvelle application", avant de continuer.

Étape 1: Démarrez le serveur de métro

Tout d'abord, vous devrez démarrer Metro , le bundler JavaScript qui expédie avec React Native.

Pour démarrer Metro, exécutez la commande suivante à partir de la racine de votre projet natif React:

 # using npm
npm start

# OR using Yarn
yarn start

Étape 2: Démarrez votre application

Laissez Metro Bundler courir dans son propre terminal. Ouvrez un nouveau terminal à partir de la racine de votre projet natif React. Exécutez la commande suivante pour démarrer votre application Android ou iOS :

Pour Android

 # using npm
npm run android

# OR using Yarn
yarn android

Pour ios

 # using npm
npm run ios

# OR using Yarn
yarn ios

Si tout est configuré correctement , vous devriez voir votre nouvelle application fonctionner dans votre émulateur Android ou simulateur iOS à condition que vous ayez configuré correctement votre émulateur / simulateur.

C'est une façon d'exécuter votre application - vous pouvez également l'exécuter directement à partir du studio Android et Xcode respectivement.

Étape 3: Modification de votre application

Maintenant que vous avez exécuté avec succès l'application, modifions-la.

1. Ouvrez App.tsx dans votre éditeur de texte de choix et modifiez certaines lignes.

2. Pour Android : appuyez deux fois sur la touche R ou sélectionnez "Recharger" dans le menu du développeur ( Ctrl + M (sur la fenêtre et Linux) ou CMD ⌘ + M (sur macOS)) pour voir vos modifications!

   Pour iOS : appuyez sur CMD ⌘ + R dans votre simulateur iOS pour recharger l'application et voir vos modifications!

Félicitations! ?

Vous avez réussi et modifié votre application Native React. ?

Maintenant quoi?

• Si vous souhaitez ajouter ce nouveau code natif React à une application existante, consultez le guide d'intégration.
• Si vous êtes curieux d'en savoir plus sur React Native, consultez l'introduction à React Native.

Dépannage

Si vous ne pouvez pas faire fonctionner cela, consultez la page de dépannage.

Apprendre encore plus

Pour en savoir plus sur React Native, jetez un œil aux ressources suivantes:

• React Native Site Web - En savoir plus sur React Native.
• Partage de démarrage - Un aperçu de React Native et de la configuration de votre environnement.
• Apprenez les bases - une visite guidée des bases indigènes de React.
• Blog - Lisez les derniers articles officiels de blog Native React.
• @facebook/react-native - l'open source; Référentiel GitHub pour React Native.