如何使用 react-native 0.60 更改 React Native 项目的项目和应用名称

Question

这是一个简单的问题，但我不知道该怎么做。我正在寻找一些参考资料，但有问题。

1. 我正在使用react-native : 0.60.5。因此没有eject 方法或命令。
2. 项目不是使用expo 创建的。

3. 在我引用How to Rename A React Native App和error Unrecognized command "eject"之后，我按照下面的流程进行操作。

   • 将app.json 的name 和diplayName 字段更改为我要更改的名称
   • 删除android/和ios/目录
   • 使用react-native upgrade --legacy true

但项目名称和应用名称没有变化。

有什么方法可以改变project和app的名字吗？谢谢。

Answer 1

请检查以下步骤：

如果您想同时更改应用名称和包名称（即重命名整个应用），则需要执行以下步骤：

• 确保您没有任何珍贵的东西（非生成，手动 复制的资源）在 android/ 和 ios/ 子文件夹中。

• 同时删除 android/ 和 ios/ 文件夹。

• 将 package.json 中的“name”条目更改为新名称。

• 在 index.android.js 和 index.ios.js 中更改应用名称： AppRegistry.registerComponent('NewAppName', () => App);

• 运行 react-native upgrade 以重新生成平台子文件夹。

• 如果您有链接资源（如自定义字体等），请运行 反应原生链接。

• 如果您有其他生成的资源（如应用程序图标），请运行 生成它们的脚本（例如 yo）。

• 最后，在每台设备上卸载旧应用并运行新应用。

希望对您有所帮助。如有疑问，请随意

Answer 2

对于 android 编辑位于 res/values/ 中的 strings.xml 文件

string name="app_name">APP_NAME</string

Answer 3

我在这方面遇到了很多困难，这就是我所做的 - 希望它对某人有所帮助。从字面上看花了我15分钟

1. https://www.npmjs.com/package/react-native-rename install react-native-rename 并使用为包提供的说明将您的应用重命名为您需要的任何内容 重要的部分是使用它： npx react-native-rename "YourProjectName" -b com.yourporjectnamehere - 因为这是 android 正常工作所必需的
2. 在您的项目中查找包含您以前的名称的每个文件和文件夹名称 - 对我来说，它主要位于 ios 文件夹中。我不得不重命名所有文件夹和里面的一些文件。用你现在的名字替换你以前名字的部分
3. 在您的编辑器中通过整个项目搜索找到项目中所有出现的旧名称，并将其替换为新名称。

使其适用于 ios

1. 删除 ios 文件夹内的 Pods
2. 删除节点模块
3. 使用终端进入 ios 文件夹并进行 pod install
4. 再次在原始目录中执行 npm install
5. 确保使用 yarn start --reset-cache 删除 ios 模拟器的所有缓存

让它适用于安卓

1. 确保在 android/app/src/com/yourprojectnamehere/ 文件夹下包含 MainApplication.java 和 MainActivity.java 文件，并更新里面的项目名称
2. ./gradlew clean 在终端的 android 文件夹内
3. 删除节点模块
4. npm 安装
5. react-native run-android 一切正常

我知道它有很多步骤，但据我发现，重命名 react native 应用程序实际上并不像您想象的那么容易