React Native: App-Namen, Version und Icon ändern



Was bisher geschah?

App-Name ändern

Beim Erstellen des Beispielprojektes wurde ein App-Name schon angegeben. Möchte man ihn nachträglich ändern dann sind die folgenden Schritte erforderlich.

Android

In der Datei app.json den displayName-Wert und in android/app/src/main/res/values/strings.xml den Resource-String app_name ändern.

Die App neu erstellen mit npx react-native run-android.

iOS

In der Datei ios/LNReactNativeDemo/Info.plist den Wert von CFBundleDisplayName ändern.

Die App neu erstellen mit npx react-native run-ios.

App-Version ändern

Android

Methode 1:

In der Datei android/app/build.gradle im Abschnitt defaultConfig. Den versionCode und versionName anpassen.

android {
    ...
    defaultConfig {
        ...
        versionCode 1
        versionName "1.0.5"
    }
    ...
}

Methode 2:

Eine andere Möglichkeit ist zwei Variablen in der app.json-Datei zu erstellen:

{
  "name": "LNReactNativeDemo",
  "displayName": "LN React Native Demo",
  "versionCode": 1,
  "versionName": "1.0.5"
}

In der android/app/build.gradle zwei Funktionen vor dem android-Block zum Auslesen der Variablen definieren:

/* Get App version from app.json file */
import groovy.json.JsonSlurper

def getAppVersionName() {
    def inputFile = new File("../app.json")
    def packageJson = new JsonSlurper().parseText(inputFile.text)
    return packageJson["versionName"]
}

def getAppVersionCode() {
    def inputFile = new File("../app.json")
    def packageJson = new JsonSlurper().parseText(inputFile.text)
    return packageJson["versionCode"]
}

In dem android-Block darunter die Werte der Variablen versionCode und versionName ersetzen mit den Funktionsaufrufen:

android {
    ...
    defaultConfig {
        ...
        versionCode getAppVersionCode()
        versionName getAppVersionName()
    }
    …
}

Jetzt wird die Version in der Datei app.json geändert.

iOS

🙄

App-Icon ändern

Android

Die App-Icons liegen in dem Ordner android/app/src/main/res/. Die mipmap-Unterordner enthalten die Icons in unterschiedlichen Größen. Diese werden mit neuen Icons ersetzt.

Ein Icon-Set kann mit diesem Online-Tool Android Asset Studio – Launcher icon generator erstellt werden.

Nach dem Austauschen der Icons die App neu erstellen mit npx react-native run-android.

iOS

Aus dem Mac App Store den Icon Set Creator installieren.

Icon Sets erstellen und zu den Platzhaltern in ios/ReactNativeDemo/Images.xcassets/AppIcon.appiconset hinzufügen.
 

Wie geht es weiter?

 


Anzeige

War diese Seite für dich informativ? Hat sie dir gefallen und geholfen?

Dann unterstütze die Weiterentwicklung mit einer kleinen Spende!

Die Spenden werden für die Lizenzen sowie neue Hard- und Software verwendet, die für weitere Projekte auf dieser Webseite eingesetzt werden.



Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.