web-dev-qa-db-fra.com

Comment changer le "Bundle Identifier" dans React Native?

En démarrant un nouveau projet natif, le projet xcode reçoit l'identifiant de paquet "org.reactjs.native.example.XYZApp". XYZ est l’espace réservé ici pour mon vrai nom de projet.

Existe-t-il un moyen de changer cet identifiant de paquet du côté réactif natif? Bien sûr, je peux le changer en XCode. Mais ce n’est pas sûr car cela peut être annulé lorsque reacct-native va recréer le projet xcode, ce qui peut arriver à tout moment, aussi bien lors de la reconstruction du projet. 

26
delete

En fonction de la version native de react que vous utilisez, de nombreux fichiers doivent être modifiés sur les deux plates-formes (Android et iOS). 

Liste des fichiers à éditer:

IOS

  1. [application_build_scheem]. plist (il s'agit d'un fichier dict/xml contenant les clés utilisées par défaut si aucune modification n'a été ajoutée au projet (type de projet réact-native-cli init)

Android

  1. strings.xml (change app_name valeur de la clé)
  2. manifest.xml (attribut change package)
  3. build.gradle (change applicationIdvaleur)
  4. MainActivity.Java (change la classe Java package _)
  5. MainApplication.Java (change la classe Java package _)

À noter:

il existe un module npm @ https://www.npmjs.com/package/react-native-ci-tools , il arrive de faire en sorte que tout ce qui précède soit utilisé et simplifie la vie.

30
Wandawi Najeeb R

Pour ceux qui veulent un moyen simple de faire exactement cela, je crée react-native-app-id, cela modifiera fondamentalement les fichiers mentionnés. react-native-ci-tools a en fait créé un code dans mon code pour produire un réact-obsolète-obsolète-obsolète, qui ne fonctionnera pas avec le dernier natif de réaction. Le mien sera cependant ..

https://github.com/kyle-ssg/react-native-app-id

l'utilisation est aussi simple que react-native-app-id com.foo.bar 

5
Kyle Johnson

Pour mettre à jour l'identifiant du bundle iOS -  

  • À partir du terminal ou de la commande Invite, accédez au dossier de projet natif puis au dossier iOS.
  • entrez la commande Ouvrez NomProjet.xcodeproj

Cette commande ouvre le projet dans Xcode où vous devez mettre à jour les informations d'identification de bundle de l'application.

Pour mettre à jour le nom du paquet Android, suivez les étapes ci-dessous -  

  • Mettez à jour la structure de dossiers dans le dossier «Android/app/src/main/Java /» En fonction du nouveau nom de votre package, par exemple "com/nom de la société/nom de l'app".
  • Nom du package de mise à jour dans le fichier MainActivity.Java
  • Nom du package de mise à jour dans le fichier MainApplication.Java
  • Nom du package de mise à jour dans /Android/app/src/main/AndroidManifest.xmlfile
  • Mettre à jour le nom du paquet dans le fichier/Android/app/BUCK
  • Nom du package de mise à jour dans le fichier /Android/app/build.gradle
1
Paachu

Si vous souhaitez modifier l’identifiant de l’ensemble dans le projet react-native. Vous devez modifier l'identifiant de l'application séparément pour Android et iOS.

ios

Sélectionnez le projet racine dans xcode, sélectionnez l’onglet Général, vous pouvez voir Bundle identifiant dans la section identité et changez votre nouvel identifiant de paquet pour l'application ios

Android

  1. Allez à votre AndroidManifest.xml.
  2. Placez simplement votre curseur dans le nom du package, ne le sélectionnez pas, mais simplement le place.
  3. Appuyez ensuite sur les touches Maj + F6 (fenêtre)/F6 (Mac) pour afficher une fenêtre contextuelle, saisir le nouvel identifiant et sélectionner Renommer le package. Ça va changer de partout dans le studio Android.
0
Brijesh Shiroya