React Native-Projekt umbenennen?

Gibt es Anweisungen, was geändert werden muss, um ein React Native-Projekt umzubenennen? Ich habe eine App namens MyAppIOS und möchte sie einfach in MyApp umbenennen (jetzt, da die Android-Unterstützung nicht mehr verfügbar ist).

Die Art und Weise, wie ich das für Android gemacht habe (hacky, aber es funktioniert), hat nur das String-Feld app_name in geändert

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

Der Name Ihrer installierten Android-App wird in den Wert geändert, den Sie als Wert angegeben haben.

Sie können das Namensattribut in ändern package.json, ausführen react-native upgradeund einfach die Android / iOS-Dateien überschreiben lassen. Überschreiben Sie Ihre Indexdateien jedoch nicht, wenn nicht gespeicherter Code vorhanden ist.

Ändern Sie dann Ihre Appregistry-Zeile von

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

Zu:

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

Was für mich einfach mehrmals funktioniert, erfahren Sie weiter unten.

• Kopieren Sie zuerst das Verzeichnis, in dem Ihre zu ändernde Anwendung vorhanden ist. Und gehen Sie zu Ihrem neu geklonten Verzeichnis.
• Ändern Sie den Namen in der index.ios/android.jsDatei, die als Parameter angegeben wird, in AppRegistry.
• Ändern Sie den Namen und die Version entsprechend auf package.json
• Löschen /iosund /androidOrdner, die von Ihrer älteren App verbleiben, sowie die app.jsonDatei, falls vorhanden.
• laufen $react-native upgradezu erzeugen /iosund /androidwieder Ordner.
• $react-native linkfür jede externe Abhängigkeit ausführen .
• endlich rennen $react-native run-iosoder was du willst.

Für iOS ist auch die Möglichkeit verfügbar, die xcodeproj-Einstellungen zu ändern.

Zeigen Sie <Ihren App-Namen> -> Info.plist an und fügen Sie den Bundle-Anzeigenamen hinzu .

Ändern des iOS-App-Namens:

Ich bin wahrscheinlich etwas spät dran, aber für die Leute, die nach einer soliden Lösung suchen, gibt es ein npm-Paket, das die Magie umbenennen kann.

1. Aktualisieren Sie displayName in app.json auf den neuen Namen
2. Löschen Sie die Verzeichnisse ios / und android / im Root-Projekt

3. In der Befehlszeile Ausführen:

   react-native eject
   react-native link 
   

Vielleicht möchten Sie auch das npm-Paket auschecken ( react-native-rename ):

Verwendung:

React-Native-Rename <Name>

Es funktioniert gut für mein Projekt.

Sie können das react-native-renamenpm-Paket verwenden.

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

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

Versuchen Sie, die react-native-renameBibliothek ab npm zu verwenden. Klappt wunderbar

1. Für die IOS-App ist auch eine Änderung der xcodeproj-Einstellungen verfügbar.

Öffnen Sie die Info.plistDatei aus Ihrem Projektverzeichnis directory/ios/{appname}und ändern Sie den Anzeigenamen des Bundles.

<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>

2. Für die Android App können Sie im Android-Ordner Ihres Projektverzeichnisses wechseln.

   cd android/app/src/main/res/values/

Öffnen Sie die strings.xmlDatei und ändern Sie den Namen Ihrer App in

 <string name="app_name">NEW APP NAME</string>

Wie hier erwähnt ( https://github.com/facebook/react-native/issues/4227 ), müssen Sie keinen Bundle display nameSchlüssel hinzufügen , wie von @janus_wel angegeben.

Sie können einfach Bundle namevon $(PRODUCT_NAME)auf aktualisieren My App.

• Kopieren Sie zunächst die Adresse, unter der Ihre Anwendung, deren Name geändert werden soll, vorhanden ist. Und gehen Sie zu Ihrem neu geklonten Verzeichnis.

• Ersetzen Sie den Namen in der Datei index.ios / android.js, die AppRegistry als Parameter zugewiesen wird.

• Aktualisieren Sie den Namen und die Version entsprechend auf package.json. Entfernen Sie die Ordner / ios und / android, die von Ihrer älteren App und von der

• Führen Sie ein Upgrade von $ react-native aus, um erneut Ordner / ios und / android zu generieren. Führen Sie für eine externe Abhängigkeit den Link $ react-native aus.

• Führen Sie schließlich $ react-native run-ios oder sonst aus.

Für den Fall, dass keine der Lösungen für Sie funktioniert hat oder dass das Ausprobieren einer App Ihre App beschädigt hat. Das geht zu den Grundlagen.

1. Initiieren Sie ein neues reaktionsnatives Projekt mit dem Namen, in den Sie Ihre App ändern möchten.
2. Kopieren Sie die Abhängigkeitsliste aus Ihrem vorherigen Projekt in die neue package.json
3. Kopieren Sie alte Projektdateien und achten Sie auf die gleiche Struktur.
4. Lauf npm install
5. Lauf react-native run-android

Dies sollte Sie wieder auf den richtigen Weg bringen

Die Lösung, die für mich funktioniert hat, besteht darin, zuerst den Namen des Ordners Ihres reaktionsnativen Projekts zu ändern

npm install react-native-rename

react-native-rename newName

Für mich geht das

Benennen Sie die React-Native-App mit nur einem Befehl um: React-Native-Rename

Installation

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

Verwenden Sie den folgenden Befehl im Projektverzeichnis.

react-native-rename <newName>

Beispiel:

react-native-rename "Travel App"

Die folgenden Schritte müssen ausgeführt werden, während Project / App in React Native 1 umbenannt wird. Erstellen Sie einen neuen Ordnertest

2. Kopieren Sie alle Dateien von der Demo und fügen Sie sie in den Testordner ein

3. Ändern Sie den Namen in der Datei package.json

4. Ändern Sie den Namen in der Datei package-lock.json

5. Ändern Sie den Namen in der Datei App.json

6. Löschen Sie die Ordner / ios und / android

7. Führen Sie den Befehl react-native eject aus, um die Ordner / ios und / android erneut zu erstellen

8. Führen Sie den React-Native-Link für externe Abhängigkeiten aus.

9. Führen Sie Ihre App schließlich mit dem reaktionsnativen Befehl run-android aus.

Weitere Informationen finden Sie unter https://youtu.be/_lgH9LXf818