Maison >interface Web >js tutoriel >Explication détaillée de la création d'un environnement de développement avec React Native

Explication détaillée de la création d'un environnement de développement avec React Native

小云云
小云云original
2018-01-04 09:13:191879parcourir

Cet article présente principalement les étapes de création d'un environnement de développement dans React Native. L'éditeur pense qu'il est plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Préparation

  1. node -v : Confirmez si Node est installé. S'il a été installé avec succès, exécutez la commande suivante, sinon continuez ; Installation du nœud.

  2. npm install -g create-react-native-app : Utilisez npm pour créer rapidement des applications React Native.

  3. create-react-native-app AwesomeProject : Créez un projet nommé AwesomeProject.

  4. cd AwesomeProject : Entrez le répertoire de fichiers où se trouve le projet.

  5. yard start : Démarrez le service et le terminal affichera le code QR et l'adresse du lien.

Téléchargez l'application client Expo sur votre téléphone mobile


Exécutez l'application React Native AwesomeProject

Connectez le téléphone mobile qui a téléchargé l'application client Expo au réseau sans fil du même ordinateur

Ouvrez l'application client Expo et utilisez la fonction de numérisation d'Expo pour scannez le code QR du terminal ou entrez l'adresse du lien de l'application affichée sur le terminal dans Expo pour voir l'effet de fonctionnement de l'application.


Modifier l'application

Entrez le fichier répertoire où se trouve l'application, ouvrez le fichier App.js, et vous pourrez démarrez le développement de React Native.

À ce stade, l'environnement de développement React Native a été établi avec succès.

Recommandations associées :

Encapsulation détaillée du composant de carrousel vertical du message de notification React Native

Code de vérification React Native partage de compte à rebours

Explication détaillée d'un exemple de la classe d'outils de format de conversion de temps React Native

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn