web-dev-qa-db-fra.com

Changer le nom de l'application dans React Native

J'essaie de comprendre comment changer le nom d'une application ReactNative . Le fichier APK installé sur mon appareil est simplement "App", avec l'icône Android . Comment puis-je changer cela?

J'ai essayé de modifier package.json et de relancer la mise à niveau de react-native, mais cela n'a pas mis à jour AndroidManifest.xml.

39
Overload119

Le générateur ne remplace pas le fichier strings.xml situé dans Android/app/src/main/res/values ​​/, vous devez donc modifier la variable app_name manuellement.

METTRE À JOUR

Puisqu'il y a déjà un paquet pour le faire, cela semble être la voie à suivre, alors jetez un coup d'œil à @ DescArtes answer

50
diedu

Essayez react-native-rename ce paquet npm facilitera le processus

// install react-native rename

   npm install react-native-rename -g
   or 
   yarn global add react-native-rename

// in project directory

   react-native-rename <New_Project_ Name>
41
Paul Nyondo

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

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

Cela changera le nom de votre application Android installée en ce que vous donnerez comme valeur.

18
Phuc Nguyen

Je constate que si vous souhaitez modifier le nom de l'application et le nom du package (c'est-à-dire renommer l'application dans son intégralité), les étapes suivantes sont nécessaires:

  • Assurez-vous de ne rien avoir de précieux (ressources non générées, copiées manuellement) dans les sous-dossiers Android/ et ios/.

  • Supprimez les dossiers Android/ et ios/.

  • Modifiez l’entrée "name" dans votre package.json avec le nouveau nom.

  • Changez le nom de l'application dans vos index.Android.js et index.ios.js: AppRegistry.registerComponent('NewAppName', () => App);

  • Exécutez react-native upgrade pour générer à nouveau les sous-dossiers de la plate-forme.

  • Si vous avez des ressources liées (telles que des polices personnalisées, etc.), exécutez react-native link.

  • Si vous avez d'autres ressources générées (telles que des icônes d'application), exécutez les scripts pour les générer (par exemple, yo ).

  • Enfin, désinstallez l’ancienne application sur chaque appareil et exécutez la nouvelle.

12
KlaasNotFound

Si vous n'avez rien de précieux dans votre dossier Android, vous pouvez le supprimer, puis exécuter react-native upgrade puis react-native Android. Ceux-ci recréeront AndroidManifest.xml avec les fichiers et dossiers nécessaires. (Essayé sur 0.18 dans Windows 10) 

8
Green

Tu peux essayer ça 

  1. Mettre à jour displayName dans app.json avec le nouveau nom 
  2. Supprimer les répertoires ios/et Android / 
  3. Run react-native eject  
  4. Exécuter lien réactif natif
1
Sarath Ak

pour Androidandroid/app/src/main/res/values/strings.xmlMon App Android

pour iOS Il suffit de l’ouvrir dans xCode, sélectionnez l’onglet Projet général, il suffit de le renommer.

1
Biswajit

Si vous demandez seulement pour Android, voici la solution 

Modifier displayName in /app.json fichier

Modifier nom_appli in Android/app/src/main/res/values ​​/ strings.xml

puis Exécutez ces commandes une à une

cd Android
gradlew clean
cd ..
react-native run-Android
1
Muhammad SaLman