React Native 中设置 APP 名称应用图标

Posted 2022-07-16 guanpingping

修改名称

应用程序的名称默认是使用 react-native-cli 创建项目时的名称。修改的方式很简单，找到相应的配置然后修改即可。例如，我初始化的项目名称叫 test，现在想修改成 测试程序。

android

编辑 android/app/src/main/res/values/strings.xml 文件：

<resources>

原始   <string name="app_name">test</string>

修改    <string name="app_name">测试程序</string>   

</resources>

ios

编辑 ios/自己起的项目名称/Info.plist 文件：

<key>CFBundleDevelopmentRegion</key>

<string>en</string>

<key>CFBundleDisplayName</key>

<string>rnproject</string>

 

改成

<key>CFBundleDevelopmentRegion</key>

<string>en</string>

<key>CFBundleDisplayName</key>

<string>测试程序</string>

修改应用图标

选择一张你喜欢的照片，然后上转到图标工厂在线生成，点击下载所有图标

 

下载之后的文件里面有两个目录，一个是android和ios

 

 可以直接用生成好的内容替换默认的图标即可。

1. Android

替换 android/app/src/main/res 下对应的图标。

2. iOS

替换 ios/自己起的项目名称/Images.xcassets/AppIcon.appiconset 中的内容。