React-native 修改APP名称（桌面显示的名称）

汇总：
package.json 
index.{os}.js
android\settings.gradle
android\app\build.gradle
android\app\src\main\java\com{project}
android\app\src\main\java\com{project}\MainActivity.java
android\app\src\main\java\com{project}\MainApplication.java
android\app\src\main\AndroidManifest.xml
android\app\src\main\res\values\strings.xml   //这里修改的是最后显示在手机上的名字，可以是中文
//IOS下可以在 ios\{project}\Info.plist中直接更改
<key>CFBundleIdentifier</key>
<key>CFBundleName</key>
//下的string直接更改项目名称。
//不过在XCode下更方便，开发IOS的话，还是来台MAC吧 - -

 

For IOS:

方法一：

1、用xcode打开项目，找到Info.plist->Bundle name,然后修改为目标名称

 

 

2、xcode上按下组合快捷键command+ shift + K 刷新项目

3、模拟器中按下组合快捷键command + shift + H  回到主屏幕即可看到已修改成功

方法二：

//IOS下可以在 ios\{project}\Info.plist中直接更改
<key>CFBundleIdentifier</key>
<key>CFBundleName</key>
//下的string直接更改项目名称。
//不过在XCode下更方便，开发IOS的话，还是来台MAC吧 - -

 

For Android:

一般Android在打包的时候，如果没经过修改，那么应用显示的名称就是我们在react-native init时设定的名称，这肯定不是我们需要的，那么，如何修改呢？

挺简单的，我们打开项目的android/app/src/main/AndroidManifest.xml文件可以看到名称的设定：

 

AndroidManifest.xml

这说明app的显示名称在@string/app_name中进行了设定。
那我们直接继续打开android/app/src/main/res/values/strings.xml，即可看到配置中的app_name，修改为你想要的即可，如：