react-native 修改專案名稱

weixin_34320159發表於2018-05-23
React

大概的專案結構如下

7410275-e221eac7e8117339.png
image.png

修改內容（例項將專案名"App"改為"MyPro"）

修改根目錄的package.json中的內容

7410275-1a245032c5efd166.png
image.png

修改app.json
7410275-300d834deb14bbc8.png
image.png

修改index.js，改為【AppRegistry.registerComponent('MyPro', () => App);】
7410275-70bda559b9f22540.png
image.png

修改android目錄下重新命名iml檔案
7410275-15b1934b47dea00a.png
image.png

修改android目錄下修改settings.gradle中的rootProject.name
7410275-7606029d27cf1045.png
image.png

修改android/app/src/main/java/com/app改為android/app/src/main/java/com/mypro
7410275-b026cd06e73c7617.png
image.png

修改android/app/src/main/java/com/mypro的MainActivity.java
7410275-7dd38f4bb397568a.png
image.png

替換android資料夾中com.app全域性替換為com.mypro

清除app快取

刪除android/app/build的所有檔案
然後重新react-native run-android

ps:還有一個更加簡單的辦法
react-native-rename直接用這個工具

yarn global add react-native-rename //安裝
react-native-rename <newName> //這個工具也是隻對安卓生效
react-native-rename "App" -b com.xxx.xxxx //如果想更改包的表示的話，就用這個

參考資料:
https://blog.csdn.net/whuzjn/article/details/79697086
https://blog.csdn.net/dounine/article/details/78513046?locationNum=7&fps=1

相關文章