Comment puis-je régénérer le dossier ios dans un projet React Native ?

Question

Il y a quelques temps, j'ai supprimé le répertoire /ios de mon application react native (appelons-la X). J'ai développé et testé en utilisant l'émulateur Android mais maintenant je voudrais m'assurer que ça fonctionne sur ios avec le simulateur xcode etc.

Mon idée actuelle est donc de créer un nouveau projet react native bare (appelons-le Y) avec le dossier ios, puis de suivre les étapes suivantes ces étapes de renommer Y pour qu'il porte le nom de X, puis de déplacer le répertoire /ios de Y vers X et d'essayer de run-ios .

Je vous tiendrai au courant de l'évolution de la situation, mais je me demandais s'il existait une meilleure solution et si personne ne s'était déjà trouvé dans cette situation.

J'ai cherché sur Google des tas de choses : " régénérer un dossier ios ", " supprimer un dossier ios ", " ajouter un dossier ios à un dossier existant ", mais rien d'utile. Peut-être que mon googlefu n'est pas assez bon mais si quelqu'un a des suggestions, j'apprécierais beaucoup.

L'étape 2 consistera à s'assurer qu'il se compile en raison des dépendances et autres, mais pour l'instant, mon but est simplement de remettre le dossier /ios dans le projet et que React Native soit conscient de son existence (il a toute la configuration nécessaire).

Merci

Answer 1

Le processus que vous devez suivre est très similaire au renommage d'une application react native. En gros, il vous suffit d'exécuter react-native upgrade dans le répertoire de votre projet Root. Pour plus d'informations, vous pouvez consulter une autre question ici . Les instructions ci-dessous expliquent comment créer un autre projet react native basé sur un projet copié avec un nouveau nom.

• Copiez d'abord le répertoire dans lequel se trouve votre application dont le nom doit être modifié. Et allez dans votre nouveau répertoire cloné.
• Changez le nom à index.ios/android.js qui est donné comme un paramètre à AppRegistry.
• Changez le nom et la version en conséquence sur package.json
• Supprimer /ios et /android qui restent de votre ancienne application.
• Exécuter $react-native upgrade pour générer /ios et /android encore des dossiers.
• Exécuter $react-native link pour toute dépendance native.
• Enfin exécuter $react-native run-ios ou tout ce que vous voulez.

Answer 2

Il suffit de supprimer/supprimer Android et ios (gardez une sauvegarde du dossier Android et ios) et d'exécuter la commande suivante :

  react-native eject

Supported version : 
    react-native <= 0.59.10
    react-native-cli <= 1.3.0 

   react-native upgrade --legacy true

Supported version : 
        react-native >= 0.60.0
        react-native-cli >= 2.1.0 

Ref : lien

Édition (mars 2021)

npm i react-native-eject
npm i @react-native-community/cli
react-native eject

va générer le dossier Android et ios.

Réf : lien

Answer 3

Remarque : à partir de react-native 0.60.x, vous pouvez utiliser ce qui suit pour régénérer les répertoires ios/Android :

react-native upgrade --legacy true

Crédit ici : https://github.com/facebook/react-native/issues/25526

Answer 4

Étapes de travail 2021 .

• Supprimer /ios /android
• Changez le nom de l'application pour le nouveau nom dans /app.json et package.json
• Exécuter npx react-native upgrade - ceci est important même si les fichiers de plateforme ne sont pas générés.
• Créez un répertoire séparé et exécutez npx react-native init NewProjectName là.
• Copier les dossiers ios et Android du projet généré vers l'ancien projet
• Exécuter pod install sur /ios dans l'ancien projet
• Exécuter cd .. && npx react-native run-ios

Answer 5

Comme @Alok l'a mentionné dans les commentaires, vous pouvez faire react-native eject pour générer le ios et android dossiers. Mais vous aurez besoin d'un app.json dans votre projet en premier lieu.

{"name": "example", "displayName": "Example"}