重命名React Native项目？

Question

是否有关于重命名React Native项目需要更改的内容的说明？我有一个名为MyAppIOS的应用程序，我想将其重命名为MyApp（现在已经支持Android）

Answer 1

您可以在package.json中更改名称属性，运行react-native upgrade，然后让反应覆盖android / ios文件。但是，如果存在未保存的代码，请不要覆盖索引文件。

然后从

更改您的Appregistry行

AppRegistry.registerComponent('MyAppIOS', () => MyAppIOS);

要：

AppRegistry.registerComponent('MyApp', () => MyApp);

Answer 2

我为android做的这种方式（hacky，但它有效）只是改变了

中的字符串app_name字段

android/app/src/main/res/values/strings.xml

它会将您安装的Android应用程序的名称更改为您放置的值。

Answer 3

下面指示了几次对我有用的东西;

• 首先复制您要更改名称的应用程序的目录 存在。然后转到新克隆的目录。
• 将index.ios/android.js文件中的名称更改为AppRegistry作为参数。
• 在package.json
上相应更改名称和版本
• 删除旧应用中剩余的/ios和/android文件夹以及app.json文件。
• 再次运行$react-native upgrade以生成/ios和/android个文件夹。
• 运行$react-native link以获取任何外部依赖关系。
• 最后运行$react-native run-ios或任何你想要的东西。

Answer 4

对于iOS，也可以使用更改xcodeproj设置的方法。

显示＆lt;您的应用名称＆gt; - ＆GT; Info.plist并添加捆绑显示名称。

更改iOS应用名称：

Answer 5

我可能有点晚了，但对于那些寻找可靠解决方案的人来说，有一个react-native-rename npm包可以发挥作用。

Answer 6

您可能还想查看npm包（permutations）：

  

用法：

     

react-native-rename＆lt; newName＆gt;

它适用于我的项目。

Answer 7

1. 将app.json中的displayName更新为新名称
2. 删除根项目中的ios /和android /目录

3. 在命令行中运行：

   react-native eject
   react-native link 
   

Answer 8

如此处所述（https://github.com/facebook/react-native/issues/4227），您无需添加Bundle display name密钥，如@janus_wel所述。

您只需将Bundle name从$(PRODUCT_NAME)更新为My App。

Answer 9

您可以使用react-native-rename npm包。

npm install react-native-rename
react-native-rename [newName]

https://www.npmjs.com/package/react-native-rename

Answer 10

1. 对于IOS应用程序，还可以更改xcodeproj设置。

从项目目录/ ios /（appname）目录中打开Info.plist文件，然后更改Bundle显示名称。     CFBundleDisplayName     新应用程序名称

1. 对于Android应用程序，您可以更改项目目录的android文件夹。

   cd android / app / src / main / res / values /

打开strings.xml文件并在

中更改您的应用名称

 <string name="app_name">NEW APP NAME</string>

Answer 11

尝试从npm使用react-native-rename库。像魅力一样工作

Answer 12

• 首先复制您要更改名称的应用程序存在的地址。然后转到您新克隆的目录。

• 替换index.ios / android.js文件中的名称，该文件作为AppRegistry的参数提供。

• 在package.json上相应地更新名称和版本 删除旧应用程序和

中剩余的/ ios和/ android文件夹

• 运行$ react-native升级以再次生成/ ios和/ android文件夹。并为任何外部依赖项运行$ react-native链接。

• 最后，运行$ react-native run-ios或其他方式。

Answer 13

在用例中，没有一种解决方案适合您，或者尝试某些操作破坏了您的应用程序。这是基础知识。

1. 使用您想要将应用程序更改为的名称来启动一个新的react-native项目。
2. 将先前项目中的依赖项列表复制到新项目的package.json中
3. 复制旧项目文件，确保保持相同的结构。
4. 运行npm install
5. 运行react-native run-android

这应该使您重回正轨

Answer 14

• 更新displayName文件中的app.json
• 删除android和ios文件夹
• 在index.js内更改AppRegistry.registerComponent('NEW_NAME_OF_APP', () => App);
• 运行react-native eject以恢复android和ios文件夹

Answer 15

对我有用的解决方案是先更改您的本机项目文件夹的名称，然后

npm install react-native-rename

react-native-rename newName

对我有用

Answer 16

仅用一个命令react-native-rename重命名react-native应用

安装

yarn global add react-native-rename 要么 npm install react-native-rename -g

用法在项目目录中运行以下命令。

react-native-rename <newName>

示例：

react-native-rename "Travel App"

Answer 17

在react Native中重命名Project / app时必须遵循以下步骤 1.创建一个新的文件夹测试

1. 将所有文件从演示文件复制并粘贴到测试文件夹

2. 更改package.json文件中的名称

3. 更改package-lock.json文件中的名称

4. 更改App.json文件中的名称

5. 删除/ ios和/ android文件夹

6. 运行react-native弹出命令再次创建/ ios和/ android文件夹

7. 为任何外部依赖项运行react-native链接。

8. 通过使用react-native run-android命令最终运行您的应用。

要获取更多信息，请访问https://youtu.be/_lgH9LXf818