跳到主要内容

修改应用名称图标及应用 ID

名称​

修改 React Native 应用的名称通常涉及多个地方，包括app.json、Android 和 iOS 的配置文件。以下是一个示例代码和说明，演示如何修改应用的名称：

  1. 修改app.json中的应用名称：
    • 打开项目根目录下的app.json文件。
    • 将displayName字段的值修改为新的应用名称。
{
  "name": "YourAppName",
  "displayName": "New App Name"
}
  1. 修改 Android 应用名称：
    • 打开android/app/src/main/res/values/strings.xml文件。
    • 将<string name="app_name">标签中的值设置为新的应用名称。
<resources>
    <string name="app_name">New App Name</string>
</resources>
  1. 修改 iOS 应用名称：
    • 打开ios/YourAppName/Info.plist文件。
    • 将<key>CFBundleDisplayName</key>后的值设置为新的应用名称。
<key>CFBundleDisplayName</key>
<string>New App Name</string>

通过以上步骤，你可以在 React Native 应用中修改应用的名称。确保在修改完这些配置后重新构建应用，以使新的应用名称生效。

图标​

  • 对于 Android 应用，将应用图标放置在android/app/src/main/res/mipmap-xxx目录下，替换默认图标。默认方形为 ic_launcher，圆形为 ic_launcher_round
  • 对于 iOS 应用，将应用图标添加到 Xcode 项目中，可以使用 Xcode 手动替换应用图标。

Android 中的应用图标名称配置在 android/app/src/main/AndroidManifest.xml 中的

<manifest
  ...
  <application
        android:icon="@mipmap/ic_launcher"
        android:roundIcon="@mipmap/ic_launcher_round"
        ...

在线工具​

应用唯一标识​

修改 React Native 应用的包名或唯一标识符是一个关键操作，需要在 Android 和 iOS 平台上分别进行。以下是修改应用包名或唯一标识符的示例代码和说明：

Android 修改包名​

  1. 打开android/app/build.gradle文件。
  2. 修改applicationId字段为新的包名。
android {
    defaultConfig {
        applicationId "com.newpackagename"
    }
}
  1. 修改AndroidManifest.xml文件中的包名。
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.newpackagename">
  1. 重命名android/app/src/main/java/com/oldpackagename文件夹为新包名路径。

iOS 修改唯一标识符​

  1. 打开 Xcode，选择项目文件，进入General选项卡。
  2. 修改Bundle Identifier为新的唯一标识符，两处相同部分一起修改。

注意事项​

  • 修改包名或唯一标识符后，可能需要更新相关配置和依赖项。
  • 在修改包名或唯一标识符前，请备份项目以防意外情况发生。

通过以上步骤，你可以成功修改 React Native 应用的包名或唯一标识符，并确保应用在 Android 和 iOS 平台上的唯一性。

最后于 更新