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

Question

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

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

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

   • 将app.json的{​​{1}}和name字段更改为要更改的名称
   • 删除diplayName和android/目录
   • 使用ios/

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

是否可以更改项目和应用名称？谢谢。

Answer 1

请检查以下步骤：

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

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

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

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

• 同时在index.android.js和index.ios.js中更改应用程序名称： AppRegistry.registerComponent（'NewAppName'，（）=> App）;

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

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

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

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

希望有帮助。毫无疑问

Answer 2

对于位于res / values /

中的android edit strings.xml文件

string name="app_name">APP_NAME</string

Answer 3

我对此感到非常困难，这就是我所做的 - 希望它可以帮助某人。从字面上看，我花了 15 分钟

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

使其适用于 ios

1. 删除ios文件夹内的Pods
2. 删除 node_modules
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. 删除 node_modules
4. npm 安装
5. react-native run-android 一切正常

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