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，修改為你想要的即可，如：