web-dev-qa-db-fra.com

Renommer un projet React Native project?

Existe-t-il des instructions sur ce qui doit être changé pour renommer un projet natif React??). Android est sorti)

react-native
75
Some Guy

La façon dont je l’ai fait pour Android (hacky, mais ça marche)) vient de changer le champ chaîne app_name dans

Android/app/src/main/res/values/strings.xml

Il changera le nom de votre = Android installée) à ce que vous avez défini comme valeur.

58
httpNick

Vous pouvez modifier l'attribut name dans package.json, courir react-native upgrade, et laissez juste réagir écraser les fichiers Android/ios. Ne remplacez pas vos fichiers d’index s’il existe du code non enregistré.

Puis changez votre ligne Appregistry de

AppRegistry.registerComponent('MyAppIOS', () => MyAppIOS);

À:

AppRegistry.registerComponent('MyApp', () => MyApp);
78
denixtry

Ce qui fonctionne simplement pour moi à plusieurs reprises est expliqué ci-dessous;

  • Commencez par copier le répertoire contenant votre application à modifier. Et allez dans votre répertoire nouvellement cloné.
  • Changer le nom à index.ios/Android.js fichier qui est donné en paramètre à AppRegistry.
  • Changez le nom et la version en conséquence sur package.json
  • effacer /ios et /Android dossiers qui restent de votre ancienne application ainsi que le app.json fichier si vous avez.
  • courir $react-native upgrade générer /ios et /Android _ dossiers à nouveau.
  • courir $react-native link pour toute dépendance externe.
  • enfin courir $react-native run-ios ou tout ce que vous voulez.
42
milkersarac

Pour iOS, le moyen de modifier les paramètres de xcodeproj est également disponible.

Affichez <votre nom d'application> -> Info.plist et ajoutez nom d'affichage de l'ensemble.

changer le nom de l'application iOS:

enter image description here

23
janus_wel

Je suis probablement un peu en retard, mais pour ceux qui recherchent une solution solide, il existe un paquet react-native-rename npm qui peut faire la magie.

14
Denys Mikhalenko
  1. Mettre à jour displayName dans app.json avec le nouveau nom
  2. Supprimer les répertoires ios/et Android/dans le projet racine

  3. En ligne de commande, exécutez:

    react-native eject
react-native link
8
Mohammadreza Zandi

Vous pouvez également vouloir vérifier le paquet npm ( react-native-rename ):

Usage:

react-native-rename <nouveauNom>

Cela fonctionne bien pour mon projet.

7
CTiPKA

Vous pouvez utiliser react-native-rename package npm.

npm install react-native-rename
react-native-rename [newName]

https://www.npmjs.com/package/react-native-rename

5
Joao Pedro Leite S Lisboa

Comme mentionné ici ( https://github.com/facebook/react-native/issues/4227 ), vous n'avez pas besoin d'ajouter une clé Bundle display name, Comme indiqué par @ janus_wel.

Vous pouvez simplement mettre à jour Bundle name De $(PRODUCT_NAME) à My App.

4
Shivek Khurana

Essayez d’utiliser la bibliothèque react-native-rename de npm. Fonctionne comme un charme

3
Divye Shah
  1. Pour IOS app, la modification des paramètres xcodeproj est également disponible.

Ouvrez le fichier Info.plist à partir du répertoire/ios/(nom_application) du projet et modifiez le nom complet de l’ensemble. CFBundleDisplayName NOUVEAU NOM D'APPLICATION

  1. Pour Android app, vous pouvez modifier le dossier Android de votre répertoire de projet.

    cd Android/application/src/principal/res/valeurs /

ouvrez le fichier strings.xml et changez le nom de l'application dans

 <string name="app_name">NEW APP NAME</string>
3
harpreet cheema

  • Tout d’abord, copiez l’adresse où existe votre application que vous souhaitez modifier. Et allez dans votre répertoire nouvellement cloné.

  • Remplacez le nom du fichier index.ios/Android.js qui est donné en paramètre à AppRegistry.

  • mettez à jour le nom et la version en conséquence sur package.json, supprimez les dossiers/ios et/Android qui restent de votre ancienne application et de la

  • exécutez la mise à niveau $ react-native pour générer à nouveau les dossiers/ios et/Android. et exécutez le lien $ react-native pour toute dépendance externe.

  • enfin, lancez $ react-native run-ios ou autre.

1
poojagarg
  • Mettre à jour displayName dans le fichier app.json
  • Supprimer les dossiers Android et ios
  • Dans index.js, Changez AppRegistry.registerComponent('NEW_NAME_OF_APP', () => App);
  • Exécutez react-native eject Pour récupérer les dossiers Android et ios
0
illiteratewriter