在React Native(RN)项目中,修改安卓应用图标和名称通常涉及对Android原生代码的一些修改。以下是详细步骤:
修改应用图标
-
准备图标资源:
- 创建或获取你想要的图标,并确保它们符合Android的图标规范(通常是PNG格式,并且有多种尺寸,如48x48、72x72、96x96、144x144、192x192等,以及一个高分辨率的512x512或1024x1024图标用于Play商店)。
-
将图标复制到项目:
- 将这些图标文件复制到你的React Native项目的
android/app/src/main/res/mipmap-*
目录下(*
代表不同的屏幕尺寸和密度,如mipmap-hdpi
、mipmap-xhdpi
等)。 - 对于每个目录,通常会有
ic_launcher.png
和ic_launcher_round.png
两个文件。你需要用你的新图标替换这两个文件(确保文件名和格式保持不变)。
- 将这些图标文件复制到你的React Native项目的
-
更新
AndroidManifest.xml
(通常不需要):- 在大多数情况下,React Native项目会自动引用
mipmap
目录中的图标,因此你不需要手动更新AndroidManifest.xml
中的android:icon
属性。但是,如果你发现图标没有更新,可以检查该文件以确保icon
属性指向正确的资源。
- 在大多数情况下,React Native项目会自动引用
-
重新构建项目:
- 在项目根目录下运行
./gradlew assembleRelease
(对于发布版本)或react-native run-android
(对于调试版本)来重新构建你的应用。
- 在项目根目录下运行
修改应用名称
-
修改
strings.xml
:- 打开
android/app/src/main/res/values/strings.xml
文件。 - 找到
<string name="app_name">YourAppName</string>
这一行,并将YourAppName
替换为你想要的新应用名称。
- 打开
-
(可选)修改
AndroidManifest.xml
:- 通常,React Native项目会自动从
strings.xml
中读取应用名称,因此你不需要手动更新AndroidManifest.xml
中的<application android:label="@string/app_name">
。但是,如果你发现名称没有更新,可以检查该文件以确保label
属性指向正确的字符串资源。
- 通常,React Native项目会自动从
-
(可选)修改
build.gradle
(针对某些情况):- 在某些情况下,你可能需要在
android/app/build.gradle
文件中设置applicationId
(这通常是你的包名,用于在Google Play商店等地方唯一标识你的应用),但这通常与修改应用显示的名称无关。
- 在某些情况下,你可能需要在
-
重新构建项目:
- 同样,在项目根目录下运行
./gradlew assembleRelease
或react-native run-android
来重新构建你的应用。
- 同样,在项目根目录下运行
完成这些步骤后,你的React Native应用应该会在安卓设备上显示新的图标和名称。如果你使用的是Fast Refresh或类似的功能,请确保完全重新构建项目以应用这些更改。