是否有重命名React Native项目需要更改的说明?我有一个名为MyAppIOS的应用程序,我想将其重命名为MyApp(现在Android支持已经出来)
在 app.json 文件中更新 displayName
app.json
displayName
删除 android 和 ios 文件夹
android
ios
内 index.js 更改 AppRegistry.registerComponent('NEW_NAME_OF_APP', () => App);
index.js
AppRegistry.registerComponent('NEW_NAME_OF_APP', () => App);
运行 react-native eject 以获取 android 和 ios 文件夹
react-native eject
我为android做这个的方式(hacky,但它工作)只是更改了字符串app_name字段
android/app/src/main/res/values/strings.xml
它会将您安装的Android应用程序的名称更改为您放置的值作为值 .
你可以在 package.json 中更改name属性,运行 react-native upgrade ,然后让react覆盖android / ios文件 . 但是,如果存在未保存的代码,请不要覆盖索引文件 .
package.json
react-native upgrade
然后从中更改您的Appregistry行
AppRegistry.registerComponent('MyAppIOS', () => MyAppIOS);
至:
AppRegistry.registerComponent('MyApp', () => MyApp);
下面指示了几次对我有用的东西;
首先复制您的名称更改的应用程序所在的目录 . 然后转到新克隆的目录 .
更改 index.ios/android.js 文件中的名称,该文件作为参数提供给 AppRegistry .
index.ios/android.js
AppRegistry
在 package.json 上相应更改名称和版本
删除旧应用程序中剩余的 /ios 和 /android 文件夹以及 app.json 文件(如果有) .
/ios
/android
运行 $react-native upgrade 再次生成 /ios 和 /android 文件夹 .
$react-native upgrade
运行 $react-native link 用于任何外部依赖项 .
$react-native link
终于运行 $react-native run-ios 或任何你想要的东西 .
$react-native run-ios
对于iOS,还可以使用更改xcodeproj设置的方法 .
显示<您的应用名称> - > Info.plist并添加 Bundle display name .
更改iOS应用名称:
我可能有点晚了,但对于那些寻找可靠解决方案的人来说,有一个react-native-rename npm软件包可以做到这一点 .
您可能还想查看npm包(react-native-rename):
用法:react-native-rename <newName>
它适用于我的项目 .
如上所述(https://github.com/facebook/react-native/issues/4227),您不需要添加 Bundle display name 键,如@janus_wel所述 .
Bundle display name
您只需将 Bundle name 从 $(PRODUCT_NAME) 更新为 My App 即可 .
Bundle name
$(PRODUCT_NAME)
My App
将app.json中的displayName更新为新名称
删除根项目中的ios /和android /目录
在命令行运行:
react-native eject react-native link
您可以使用 react-native-rename npm包 .
react-native-rename
npm install react-native-rename react-native-rename [newName]
https://www.npmjs.com/package/react-native-rename
从项目目录/ ios /(appname)目录中打开Info.plist文件,然后更改Bundle显示名称 . CFBundleDisplayName新的APP名称
cd android / app / src / main / res / values /
打开strings.xml文件并更改您的应用程序名称
<string name="app_name">NEW APP NAME</string>
尝试从npm使用react-native-rename库 . 奇迹般有效
首先复制您想要名称更改的应用程序所在的地址 . 然后转到新克隆的目录 .
替换index.ios / android.js文件中的名称,该文件作为参数提供给AppRegistry .
相应更新package.json上的名称和版本删除/ ios和/ android文件夹,这些文件夹是旧应用程序和
运行$ react-native upgrade再次生成/ ios和/ android文件夹 . 并为任何外部依赖项运行$ react-native链接 .
最后,运行$ react-native run-ios或者其他 .
13 回答
在
app.json
文件中更新displayName
删除
android
和ios
文件夹内
index.js
更改AppRegistry.registerComponent('NEW_NAME_OF_APP', () => App);
运行
react-native eject
以获取android
和ios
文件夹我为android做这个的方式(hacky,但它工作)只是更改了字符串app_name字段
android/app/src/main/res/values/strings.xml
它会将您安装的Android应用程序的名称更改为您放置的值作为值 .
你可以在
package.json
中更改name属性,运行react-native upgrade
,然后让react覆盖android / ios文件 . 但是,如果存在未保存的代码,请不要覆盖索引文件 .然后从中更改您的Appregistry行
至:
下面指示了几次对我有用的东西;
首先复制您的名称更改的应用程序所在的目录 . 然后转到新克隆的目录 .
更改
index.ios/android.js
文件中的名称,该文件作为参数提供给AppRegistry
.在
package.json
上相应更改名称和版本删除旧应用程序中剩余的
/ios
和/android
文件夹以及app.json
文件(如果有) .运行
$react-native upgrade
再次生成/ios
和/android
文件夹 .运行
$react-native link
用于任何外部依赖项 .终于运行
$react-native run-ios
或任何你想要的东西 .对于iOS,还可以使用更改xcodeproj设置的方法 .
显示<您的应用名称> - > Info.plist并添加 Bundle display name .
更改iOS应用名称:
我可能有点晚了,但对于那些寻找可靠解决方案的人来说,有一个react-native-rename npm软件包可以做到这一点 .
您可能还想查看npm包(react-native-rename):
它适用于我的项目 .
如上所述(https://github.com/facebook/react-native/issues/4227),您不需要添加
Bundle display name
键,如@janus_wel所述 .您只需将
Bundle name
从$(PRODUCT_NAME)
更新为My App
即可 .将app.json中的displayName更新为新名称
删除根项目中的ios /和android /目录
在命令行运行:
您可以使用
react-native-rename
npm包 .https://www.npmjs.com/package/react-native-rename
从项目目录/ ios /(appname)目录中打开Info.plist文件,然后更改Bundle显示名称 . CFBundleDisplayName新的APP名称
cd android / app / src / main / res / values /
打开strings.xml文件并更改您的应用程序名称
尝试从npm使用react-native-rename库 . 奇迹般有效
首先复制您想要名称更改的应用程序所在的地址 . 然后转到新克隆的目录 .
替换index.ios / android.js文件中的名称,该文件作为参数提供给AppRegistry .
相应更新package.json上的名称和版本删除/ ios和/ android文件夹,这些文件夹是旧应用程序和
运行$ react-native upgrade再次生成/ ios和/ android文件夹 . 并为任何外部依赖项运行$ react-native链接 .
最后,运行$ react-native run-ios或者其他 .