如何在反应本机应用程序名称中添加空格？

Posted 2023-04-13

【中文标题】如何在反应本机应用程序名称中添加空格？

【英文标题】：How to add space in react native application name?

【发布时间】：2016-11-27 16:23:08

【问题描述】：

如何在我的应用程序名称中添加空格？比如，如果我这样做了

react-native init HelloWorld

它将创建一个名为 HelloWorld 的应用程序。但是如果我这样做

$ react-native init "Hello World"  
"Hello World" is not a valid name for a project.
Please use a valid identifier name (alphanumeric).

有没有办法在项目名称中添加空格？我找到了适用于 ios (https://github.com/facebook/react-native/issues/6115) 的解决方案，但我正在为 android 开发。请告诉我如何解决这个问题。

【问题讨论】：

在这种情况下通常不建议使用空格或特殊字符，因为它们会导致无法预料的问题，转义字符等。请问为什么您需要在项目名称中使用空格？跨度>

@brien.crean 似乎OP并不关心项目名称，只关心应用程序名称。请参阅他所指的帖子。它讨论了更改 ios 的应用程序名称。

@atlanteh 啊我明白了，抱歉我误读了这个问题

【参考方案1】：

您在 react-native 中的项目中不能有空格，但您可以直接在 android & ios 项目中更改应用名称。

对于安卓： 转到 android/app/src/main/res/values/string.xml 并将 app_name 更改为您想要的值。

对于 iOS： 转到 ios/[currentName].xcodeproj/project.pbxproj 并将调试和发布中的 PRODUCT_NAME 值从当前名称更改为新名称。

或者去ios/[currentName]/info.plist，找到这个：

<key>CFBundleDisplayName</key>
<string>$PRODUCT_NAME</string>

并将 $PRODUCT_NAME 替换为您想要的名称

【参考方案2】：

在 info.plist 中添加这个键

<key>CFBundleDisplayName</key> 
<string>Top&#x2007;Articles</string>

记住  在项目的构建设置中不起作用。  这将作为空格使用

Output:
Top Articles