如何在react-native中更改/重命名应用名称（在安卓和IOS中）：

首发于公众号 前端混合开发，欢迎关注。

要在React Native项目中更改应用名称，你需要在代码中进行调整，可能还需要在配置文件中进行调整。以下是如何操作的逐步指南：

更改显示名称（可见名称）：
要更改在用户设备上显示的应用程序名称，你通常需要修改 app.json 或 package.json 文件。查找 "name" 或 "displayName" 字段，并用你想要的应用程序名称进行更新。
示例 app.json :

{
  "name": "OldAppName",
  "displayName": "NewAppName",
  // ... other configurations
}

在安卓中：

要在react native中更改应用名称，首先去你的项目文件夹，然后在VScode中打开这个路径：

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

现在你可以轻松地在字符串标签中更改应用名称，例如：

<string name="app_name">YOUR_APP_NAME</string>

在更改应用名称后，从您的设备上卸载之前的应用，并运行以下命令：

$ cd android
$ ./gradlew clean
$ cd ..
$ react-native run-android

打开info.plist，将键后的值更改为你的应用名称。例如:

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

现在从你的设备上卸载之前的应用程序。运行:

$ npm install
$ pod install

现在，你可以简单地在你的设备上安装新的应用程序，或者，你也可以从Xcode中更改应用程序的名称。

在更改显示名称后，可能需要更新对旧应用名称的任何代码引用。这包括你可能已经使用应用名称作为字符串的地方，例如，在标题、标题或链接中。

为确保更改生效，清除构建缓存并重新构建你的应用是个好主意。你可以在你的项目目录中运行以下命令来实现这一点：

npx react-native start — reset-cache
npx react-native run-android
npx react-native run-ios

记住:

进行这些更改可能也会影响应用程序的其他部分，例如深度链接或推送通知设置，特别是如果你在这些上下文中使用应用程序名称。在进行这些更改后，一定要彻底测试你的应用程序，以捕捉任何可能的问题。

首发于公众号大迁世界，欢迎关注。📝 每周一篇实用的前端文章 🛠️ 分享值得关注的开发工具 ❓ 有疑问？我来回答
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。