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

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

  • 更改显示名称(可见名称):
  • 要更改在用户设备上显示的应用程序名称,你通常需要修改 app.jsonpackage.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

对于IOS:

打开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

记住:

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


原文始发于微信公众号(前端混合开发):如何在react-native中更改/重命名应用名称(在安卓和IOS中)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/271015.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!