Dev Faq
1
votes

Comment puis-je changer le nom du projet et de l'application du projet React Native avec React Native 0.60

C'est un problème simple mais je ne sais pas comment faire. Je cherche des références, mais il y a des problèmes.

  1. J'utilise react-native: 0.60.5 . Il n'y a donc pas de méthode ou de commande eject .
  2. Le projet n'a pas été créé avec expo .

  3. Après avoir référencé Comment renommer une application native React et error Commande non reconnue" éjecter ", puis je suis le processus ci-dessous.

    • remplacez les champs app.json name et diplayName par le nom que je souhaite modifier
    • supprimer le répertoire android / et ios /
    • utilisez react-native upgrade --legacy true

Mais il n'y a pas de changement sur le nom du projet et le nom de l'application .

Existe-t-il un moyen de modifier le nom du projet et de l ' application ? Merci.

2 commentaires

Avez-vous vérifié stackoverflow.com/questions/38580858/...

@SDushan Oui. Je le vérifie déjà. Comme je le sais, il s'agit de changer le nom de l'application (nom d'affichage) . Je souhaite également modifier le nom du projet . Au fait, si je change uniquement le nom de l'application , le nom est également affiché sur l'application publiée ??

3 Réponses :

0
votes

pour Android, modifiez le fichier strings.xml situé dans res / values ​​/ 

string name="app_name">APP_NAME</string

0 commentaires
2
votes

Veuillez vérifier les étapes ci-dessous:

si vous souhaitez modifier à la fois le nom de l'application et le nom du package (c'est-à-dire renommer l'ensemble de l'application), les étapes suivantes sont nécessaires:

  • Assurez-vous de ne rien avoir de précieux (non généré, manuellement copied resources) dans les sous-dossiers android / et ios /.

  • Supprimez à la fois le dossier android / et ios /.

  • Remplacez l'entrée "nom" de votre package.json par le nouveau nom.

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

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

  • Si vous avez des ressources liées (comme des polices personnalisées, etc.), exécutez lien natif de réaction.

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

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

J'espère que cela aide. n'hésitez pas à avoir des doutes

1 commentaires

Merci ! c'était d'une grande aide !. La seule différence était que j'utilisais react-native upgrade --legacy true . Et le processus de configuration d'Android était un enfer ... mais j'ai changé le nom du projet et de l'application avec succès. Merci!

0
votes

J'ai eu beaucoup de mal avec ça et c'est ce que j'ai fait - j'espère que ça aide quelqu'un. M'a littéralement pris 15 minutes

  1. https://www.npmjs.com/package/react-native-rename installez react-native-rename et renommez votre application comme vous le souhaitez en suivant les instructions fournies pour le package Une partie importante serait d'utiliser ceci: npx react-native-rename "YourProjectName" -b com.yourporjectnameici - car cela est nécessaire pour qu'android fonctionne correctement
  2. trouvez dans votre projet tous les noms de fichiers et de dossiers qui contiendront votre ancien nom - pour moi, c'était principalement dans le dossier ios. J'ai dû renommer tous les dossiers et certains des fichiers à l'intérieur. remplacez simplement la pièce par votre ancien nom par votre nom actuel
  3. recherchez toutes les occurrences de votre ancien nom laissées dans le projet avec la recherche de l'ensemble du projet dans votre éditeur et remplacez-les par le nouveau nom.

Pour le faire fonctionner pour iOS

  1. Supprimer les pods dans le dossier ios
  2. Supprimer node_modules
  3. allez dans le dossier ios avec votre terminal et effectuez l'installation du pod
  4. refaites l'installation de npm dans votre répertoire d'origine
  5. assurez-vous que tous les caches sont supprimés pour votre simulateur iOS avec yarn start --reset-cache

Pour le faire fonctionner pour Android

  1. Assurez-vous que sous android / app / src / com / yourprojectnameici / le dossier contient les fichiers MainApplication.java et MainActivity.java et que le nom du projet à l'intérieur est mis à jour
  2. ./gradlew nettoyer dans le dossier android du terminal
  3. Supprimer node_modules
  4. installation npm
  5. React-native run-android et tout devrait fonctionner

Je sais que cela comporte de nombreuses étapes, mais d'après ce que j'ai trouvé, renommer l'application native react n'est pas aussi simple que vous auriez pu le penser

0 commentaires

Articles qui pourrait vous intéresser :

jest test échoue après l'installation de react-native-async-storage
Impossible de charger le script Assurez-vous que vous exécutez un serveur Metro ou que votre bundle 'index.android.bundle' est correctement emballé pour la publication
L'action POP avec charge utile n'a été gérée par aucun navigateur
React n'est pas défini dans le module Shopify