ReactNative修改APP的图标和名称

ReactNative修改APP的图标和名称
 最后更新于 2024年10月02日 20:55:46

Android

配置入口

AndroidManifest.xmlandroid 项目主配置文件,其中就包含App的名称和图标配置

// android/app/src/main/AndroidManifest.xml

<application
  android:name=".MainApplication"
  android:label="@string/app_name"
  android:icon="@mipmap/ic_launcher"
  android:allowBackup="true"
  android:theme="@style/AppTheme"
  android:resizeableActivity="true">
</application>

修改名称

AndroidManifest.xml 中的 android:label="@string/app_name" 对应配置文件是 android/app/src/main/res/values/strings.xml ,

<resources>
    <string name="app_name">APP名称</string>
</resources>

修改图标

AndroidManifest.xml 中的

android:icon="@mipmap/ic_launcher"
android:icon="@drawable/ic_launcher"

对应图标文件在 android/app/src/main/res/minmap-*dpi 各分辨率目录下

图标名称默认为 ic_launcher,若是修改为其它名称,则需要修改 android:icon="@mipmap/新的图标名称"

类型说明大小 (px)
mdpiMedium Density Screen, 160 DPI48*48
hdpiHigh Density Screen, 240 DPI72*72
xhdpiExtra-high density screen, 320 DPI96*96
xxhdpixx-high density screen, 480 DPI144*144

修改版本号

使用package.json中的version字段作为App的版本号。这样可以保持项目代码与App版本号一致,只需修改一处即可。

打开android/app/build.gradle文件

+ import groovy.json.JsonSlurper; // 顶部引入该包

...

+ // 获取项目根目录下package.json配置文件中的版本信息
+ def getAppVersion() {
+    def inputFile = new File("../package.json");
+    def packageJson = new JsonSlurper().parseText(inputFile.text);
+
+    return packageJson["version"];
+ }

+ def appVersion = getAppVersion();

android {
  ...

  defaultConfig {
     ...
+     versionName appVersion  // 修改该行
}