重命名React Native项目？
是否有关于重命名React Native项目需要更改的内容的说明？我有一个名为MyAppIOS的应用程序,我想将其重命名为MyApp(现在Android支持已经出来)
den*_*try 79
您可以更改名称属性package.json,运行react-native upgrade,然后让反应覆盖android/ios文件.但是,如果存在未保存的代码,请不要覆盖索引文件.
然后从中更改您的Appregistry行
AppRegistry.registerComponent('MyAppIOS', () => MyAppIOS);
至:
AppRegistry.registerComponent('MyApp', () => MyApp);
- 这不会删除旧的MyAppIOS文件,所以你也想做:```$ rm -rf android/app/src/main/java/com/myappios && rm -rf ios/MyAppIOS*``` (4认同)
- 我认为`react-native upgrade`也会升级你的react-native,要小心,因为这可能会破坏你的依赖项. (4认同)
htt*_*ick 58
我为android做这个的方式(hacky,但它工作)只是更改了字符串app_name字段
android/app/src/main/res/values/strings.xml
它会将您安装的Android应用程序的名称更改为您放置的值作为值.
- 大多数人应该注意到这一点，但仅供参考，这个答案仅适用于_ANDROID_。 (3认同)
mil*_*rac 42
下面指示了几次对我有用的东西;
- 首先复制您的名称更改的应用程序所在的目录.然后转到新克隆的目录.
- 更改
index.ios/android.js作为参数的文件名称AppRegistry. - 相应地更改名称和版本
package.json - 删除
/ios和/android旧应用程序中剩余的文件夹以及app.json文件(如果有). - 再次运行
$react-native upgrade生成/ios和/android文件夹. - 运行
$react-native link任何外部依赖. - 最后运行
$react-native run-ios或任何你想要的东西.
- 是的,似乎在0.41 react-native之后提供了重新生成本机文件夹`/ ios`和`/ android`的官方方法.有更多人可以检查[`react-native eject`](https://gist.github.com/ndejesus1227/0eb673452c34e085b3f04fd5c1cbcc9f) (4认同)
小智 8
- 将app.json中的displayName更新为新名称
- 删除根项目中的ios /和android /目录
在命令行运行:
Run Code Online (Sandbox Code Playgroud)react-native eject react-native link
- 这是针对世博会的答案。它不适用于标准 CRNA 或“react-native init”工作流程。 (2认同)
您可能还想查看npm包(react-native-rename):
用法:
react-native-rename <newName>
它适用于我的项目.
- 警告：请勿使用此库。它会毁掉你的项目。切勿使用此功能。 (2认同)
小智 6
- 对于 IOS 应用程序，还可以更改 xcodeproj 设置。
Info.plist从项目directory/ios/{appname}目录打开文件并更改 Bundle 显示名称。
<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>
对于 android 应用程序，您可以在项目目录的 android 文件夹中进行更改。
cd android/app/src/main/res/values/
打开strings.xml文件并更改您的应用程序名称
<string name="app_name">NEW APP NAME</string>
正如此处提到的（https://github.com/facebook/react-native/issues/4227），您不需要添加密钥Bundle display name，正如@janus_wel所说。
您可以简单地Bundle name从更新$(PRODUCT_NAME)到My App。
小智 5
您可以使用react-native-renamenpm包。
npm install react-native-rename
react-native-rename [newName]
https://www.npmjs.com/package/react-native-rename
- 警告：不要使用这个库。它会毁了你的项目。永远不要使用这个。 (3认同)
- 欢迎提供解决方案的链接，但请确保您的答案在没有它的情况下也有用：[在链接周围添加上下文](//meta.stackexchange.com/a/8259) 这样您的其他用户就会知道它是什么以及为什么它在那里，然后引用您链接到的页面中最相关的部分，以防目标页面不可用。[仅是链接的答案可能会被删除。](//stackoverflow.com/help/deleted-answers) (2认同)
只需一个命令即可重命名react-native应用程序react-native-rename
安装
yarn global add react-native-rename
或者
npm install react-native-rename -g
用法在项目目录中运行以下命令。
react-native-rename <newName>
例子：
react-native-rename "Travel App"
| 归档时间： |
|
| 查看次数： |
48930 次 |
| 最近记录： |