2016-01-14 124 views
16

我在弄清楚如何更改ReactNative應用名稱。 我的設備上安裝的APK僅僅是「App」,帶有Android圖標。 我該如何改變這一點?在React Native中更改應用名稱

我試圖改變的package.json,並重新運行反應本地升級,但它沒有更新的AndroidManifest.xml

回答

32

發電機不會覆蓋位於Android設備/應用/ src目錄的strings.xml檔案/主/ RES /價值/,所以你必須改變APP_NAME變量手動

UPDATE

既然已經有一個包要做到這一點,似乎是要走的路,所以最好還是檢查出@ DescArtes's answer

6

如果您的android文件夾中沒有任何寶貴的東西,您可以刪除該文件夾,然後運行react-native upgrade,然後react-native android。這些將重新創建AndroidManifest.xml以及必要的文件和文件夾。 (在Windows 10試戴0.18)

+0

作品在MacOS塞拉利昂也是如此。 –

4

我這樣做是爲Android的方式(哈克,但它的作品)只是改變了串APP_NAME領域

的Android /應用/ src目錄/主/ RES /價值/ strings.xml

它會將您安裝的android應用程序的名稱更改爲任何值。

1

我發現,如果你想改變這兩個應用程序的名稱包名(即重命名整個應用程序)時,必須執行以下步驟:

  • 確保你不在android/ios/子文件夾中沒有任何寶貴的(非生成的,手動複製的資源)。

  • 刪除android/ios/文件夾。

  • 將您的package.json中的"name"條目更改爲新名稱。

  • 改變你index.android.jsindex.ios.js兩個應用程序名稱: AppRegistry.registerComponent('NewAppName',() => App);

  • 運行react-native upgrade重新生成平臺的子文件夾。

  • 如果您已鏈接資源(如自定義字體等),請運行react-native link

  • 如果您有其他生成的資源(如應用程序圖標)運行腳本以生成它們(例如yo)。

  • 最後,卸載每個設備上的舊應用程序並運行新應用程序。

10

嘗試react-native-rename這個NPM包將簡化流程

// install react-native rename 

    npm install react-native-rename -g 
    or 
    yarn global add react-native-rename 

// in project directory 

    react-native-rename <New_Project_ Name> 
+0

雖然這個鏈接可能回答這個問題,但最好在這裏包含答案的重要部分,並提供供參考的鏈接。如果鏈接頁面更改,則僅鏈接答案可能會失效。 - [來自評論](/ review/low-quality-posts/16498360) –

+0

問題處理 –

+0

該命令應該是'react-native-rename'。我無法編輯,因爲編輯必須> 6個字符:( – mchandleraz

相關問題