Ändern Sie den App-Namen in React Native

Ich versuche herauszufinden, wie man einen ReactNative-App-Namen ändert. Die auf meinem Gerät installierte APK ist einfach "App" mit dem Android-Symbol. Wie kann ich das ändern?

Ich habe versucht, package.json zu ändern und das reaktionsnative Upgrade erneut auszuführen, aber AndroidManifest.xml wurde nicht aktualisiert

Der Generator überschreibt die strings.xmlDatei in nicht android/app/src/main/res/values/, daher müssen Sie die app_nameVariable manuell ändern

Versuchen Sie , dieses npm-Paket mit React -Native-Rename umzubenennen , um den Vorgang zu vereinfachen

// in project directory

   npx react-native-rename <newName>

Für Android

Ändern display in app.json Datei

Ändern app_name in android / app / src / main / res / Werte / strings.xml

Führen Sie dann diese Befehle nacheinander aus

cd android
./gradlew clean
cd ..
react-native run-android

Für iOS

Ändern Anzeigename in Projektziel (Registerkarte Allgemein)

Wählen Sie Ihr Anwendungsprojekt als Hostanwendung im Projektziel zum Testen aus (Registerkarte Allgemein).

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.

Ich finde, wenn Sie sowohl den App-Namen als auch den Paketnamen ändern möchten (dh die gesamte App umbenennen), sind die folgenden Schritte erforderlich:

• Stellen Sie sicher, dass Sie in den Unterordnern android/und nichts Wertvolles (nicht generierte, manuell kopierte Ressourcen) haben ios/.

• Löschen sowohl die android/und ios/Ordner.

• Ändern Sie den "name"Eintrag in Ihrem package.jsonin den neuen Namen.

• Ändern Sie den App-Namen in Ihrem index.android.jsund index.ios.js: AppRegistry.registerComponent('NewAppName', () => App);

• Ausführen react-native upgrade, um die Plattform-Unterordner neu zu generieren.

• Wenn Sie verknüpfte Ressourcen (wie benutzerdefinierte Schriftarten usw.) ausgeführt haben react-native link.

• Wenn Sie andere generierte Ressourcen (wie App-Symbole) haben, führen Sie die Skripte aus, um sie zu generieren (z yo. B. ).

• Deinstallieren Sie abschließend die alte App auf jedem Gerät und führen Sie die neue aus.

Wenn Sie nicht irgend etwas in Ihrem Android - Ordner wertvoll haben, können Sie den Ordner dann ausführen löschen react-native upgradedann react-native android. Diese erstellen AndroidManifest.xml zusammen mit den erforderlichen Dateien und Ordnern neu. (Versucht auf 0.18 in Windows 10)

Zunächst einmal: Öffnen Sie die app.jsonDatei in Ihrem reaktionsnativen Projektverzeichnis. Ersetzen Sie einfach displayNameden Wert der json-Eigenschaft in dieser Datei. z.B:

{
    "name": "SomethingSomething",
    "displayName": "My New App Name"
}

Für Android-App:strings.xml Datei öffnen , ersetzen Sie den <string name="app_name">Wert des Tags durch Ihren neuen App-Namen. z.B:

<string name="app_name">My New App Name</string>

Für iOS: Öffnen info.plist, ersetzen Sie den Wert nach <key>CFBundleDisplayName</key>durch Ihren App-Namen. z.B:

<key>CFBundleDisplayName</key>
<string>My New App Name</string>

Deinstallieren Sie Ihre zuvor auf Ihrem Gerät installierte App. Verwenden Sie npm install im Projekthauptverzeichnis, und führen Sie im ios-Ordnerverzeichnis pod install- Befehle aus. Installieren Sie jetzt einfach die App auf Ihrem Gerät.

Wenn Sie nur nach Android fragen, finden Sie hier eine Lösung

displayNameIn /app.jsonDatei ändern

Ändern app_nameinandroid/app/src/main/res/values/strings.xml

Führen Sie dann diese Befehle nacheinander aus

cd android
gradlew clean
cd ..
react-native run-android

für android android / app / src / main / res / values ​​/ strings.xml Meine Android App

für ios Öffnen Sie es einfach in xCode. Wählen Sie die Registerkarte Projekt. Allgemein. Benennen Sie es einfach um.

einfach ändern <string name="app_name"> 'NEW_APP_NAME' </string> sich in

[project_dir] /android/app/src/main/res/values/strings.xml

HINWEIS: empfohlen

React-Native-Rename

von Paul Nyondo kann die Datei MainApplication.java beeinflussen. VERWENDEN SIE SIE NICHT!

Sie können dies versuchen

1. Aktualisieren Sie displayName in app.json auf den neuen Namen
2. Löschen Sie die Verzeichnisse ios / und android /
3. Führen Sie den reaktionsnativen Auswurf aus
4. Führen Sie den reaktionsnativen Link aus

Bevor Sie den App-Namen ändern, rufen Sie das Backup Ihres Codes ab. Gehen Sie dann zum folgenden Pfad und ersetzen Sie Ihren App-Namen durch den neuen App-Namen. Ändern Sie eine weitere Datei app.json E: *** \ android \ app \ src \ main \ res \ values ​​\ strings.xml

<resources>
    <string name="app_name">New Name</string>
</resources>

app.json

{
  "name": "oldName",
  "displayName": "New Name"
}

Einfach so

PROJEKT> Android> App> Haupt> Res> Stil

Ändern Sie dann den App-Namen

Erstellen Sie zunächst eine vollständige Sicherung des Projekts einschließlich der Knotenmodule (um in Zukunft Symbole / Fotos usw. wiederherzustellen).

1. Aktualisieren Sie den Namen und den Anzeigenamen in app.json auf den neuen Namen
2. Benennen Sie den App-Ordner genauso um wie den App-Namen
3. Löschen Sie die Verzeichnisse ios / und android /
4. ndoe Module löschen
5. Aktualisiere den Namen in package.json (du musst einen neuen Namen für import & require () in deinem Code verwenden. Beispiel: import {x} from 'NewAppName / src / api')
6. Wächter Watch-del-All
7. rm -rf / tmp / haste-map-react-native-packager- *
8. rm -rf / tmp / metro-bundler-cache- *
9. PC neu starten
10. sudo npm installieren
11. reaktionsnatives Auswerfen
12. Symbole / Bilder wiederherstellen
13. reaktionsnativer Link
14. PC neu starten
15. App ausführen Vorsicht: Möglicherweise müssen Sie die Dinge manuell einrichten. in meinem Fall SplashScreen