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

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 中的“名称”条目更改为新名称。

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

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

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

• 如果您有其他生成的资源（例如应用程序图标），请运行 生成它们的脚本（例如 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安装react-native-rename并使用为包提供的说明将您的应用程序重命名为您需要的任何名称 重要的部分是使用它： npx react-native-rename "YourProjectName" -b com.yourporjectnamehere - 因为这是 android 正常工作所必需的
2. 在你的项目中找到包含你以前的名字的每个文件和文件夹名称 - 对我来说它主要在 ios 文件夹中。我必须重命名所有文件夹和其中的一些文件。只需将您以前的名字部分替换为您现在的名字即可
3. 在编辑器中进行整个项目搜索，找到项目中留下的所有出现的旧名称，并将其替换为新名称。

使其适用于ios

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

使其适用于 Android

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 应用程序实际上并不像你想象的那么容易

Answer 4

如果您使用的是 Expo Bare Workflow，并且想要更改应用程序显示名称而不更改项目或包名称，则需要直接在各自的本机文件中修改本机 Android 和 iOS 配置。

TLDR
iOS： 修改

CFBundleDisplayName

中的

Info.plist
Android：修改

android:label

中的

AndroidManifest.xml

---

1. iOS：
   在Expo Bare工作流程中，您可以直接修改

   Info.plist

   文件中的iOS项目设置。
   • 导航到您的 iOS 项目文件夹：

     ios/<your-project-name>/Info.plist

   • 在

     CFBundleDisplayName

     文件中查找密钥

     Info.plist

     。如果不存在，请添加：

   <key>CFBundleDisplayName</key>
   <string>Your New App Name</string>
   

   此更改将更新应用程序在用户 iOS 设备上显示的显示名称。

2. 安卓：
   对于 Android，您需要修改

   android:label

   文件中的

   AndroidManifest.xml

   属性。
   • 导航到您的 Android 项目文件夹：

     android/app/src/main/AndroidManifest.xml

   • 在

     android:label

     标签内查找或添加

     <application>

     属性：

   <application
     android:name=".MainApplication"
     android:label="Your New App Name"
     android:icon="@mipmap/ic_launcher">
     <!-- other configurations -->
   </application>
   

   这将更改 Android 设备上应用程序图标下显示的名称。

这些更改不会影响您的项目或包名称，只会修改用户在应用程序图标下看到的显示名称。进行这些更改后，只需重建您的项目即可。