如何在 react-native 中更改应用程序的显示名称

Posted 2023-05-06

【中文标题】如何在 react-native 中更改应用程序的显示名称

【英文标题】：How to change display name of an app in react-native

【发布时间】：2016-11-29 13:39:44

【问题描述】：

Apple 有 clear instructions 关于如何更改 ios 应用程序的显示名称，但它们对于 react-native 应用程序没有用，因为文件夹结构不同。如果您有一个 react-native 应用程序，如何更改显示名称？

【参考方案1】：

iOS

转到ios/<Appname>/Info.plist 并编辑$(PRODUCT_NAME) 以更改显示名称

<key>CFBundleName</key>
<string>$(PRODUCT_NAME)</string>

安卓

转到android/app/src/main/res/values/strings.xml 并编辑APP_NAME 以更改名称

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

【讨论】：

嗨，在我引用的 Apple 文档中，它告诉您更改 CFBundleDisplayName ，而您的说明正在更改 CFBundleName。这些有什么区别？

如果Info.plist 中没有CFBundleDisplayName，Apple 会将CFBundleName 作为应用程序的名称。 CFBundleDisplayName 用于 iOS 设备上的应用程序网格。 CFBundleName 用于存储在 iTunes 库中的应用程序列表。

为我工作。记得从设备上卸载应用程序并重建它以查看名称更改（android）。

在Android上..路径正好是android/app/src/main/res/values/strings.xml

在 iOS 上，我同时拥有 CFBundleName 和 CFBundleDisplayName，因此只有在更改它们之后才能正常工作。

【参考方案2】：

对于 ios 只需将其添加到 Info.plist

<key>CFBundleDisplayName</key>
<string>APP_NAME</string>

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

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

【参考方案3】：

res -> 值 -> strings.xml

<string name="app_name">YOUR APP NAME HERE</string>

更改它，您将更改应用的显示名称。

在清单文件中，您会在 application 标记内找到

android:label="@string/app_name"

如果您想更改应用的显示名称，您也可以更改此设置。

注意：始终建议将值存储在“values”文件夹中，而不是直接对值进行硬编码。

【讨论】：

请注意，strings.xml 相对于项目根目录的完整路径是：android/app/src/main/res/values/strings.xml。

【参考方案4】：

在项目的根目录中有一个名为 app.json 的文件。只需更改“displayName”，然后删除 ios 文件夹并运行“react-native 弹出”。

【讨论】：

完美运行，无需触及平台特定文件

请在 ejecting 来自 react native 之前发出警告

【参考方案5】：

文件路径：/android/app/src/main/res/values/strings.xml

将我的应用替换为您的应用名称。

【参考方案6】：

与其从具有稍后需要更改的显示名称的模板创建应用程序，不如从一开始就创建具有所需名称的应用程序，as I explain here in my answer。对于新应用使用：

npx react-native init NewcoFrameDesign --title "Newco Frame Design"

--title 选项对应于 android/app/src/main/res/values/strings.xml 和 ios/NewcoFrameDesign/Info.plist 以及 app.json 中的显示名称。