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

时间:2016-07-26 04:08:01

标签: android ios react-native

Apple有clear instructions关于如何更改IOS应用程序的显示名称,但它们对于本机反应应用程序没用,因为文件夹结构不同。如果你有一个react-native app,你如何更改显示名称?

6 个答案:

答案 0 :(得分:71)

的iOS

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

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

的Android

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

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

答案 1 :(得分:5)

ios 只需将其添加到Info.plist

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

位于strings.xml

android 编辑res/values/文件
<string name="app_name">APP_NAME</string>

答案 2 :(得分:3)

res - &gt;值 - &gt;的strings.xml

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

更改它,您将更改应用程序的显示名称。

在清单文件中,您会在应用程序标记内找到

android:label="@string/app_name"

如果您想更改应用的显示名称,也可以更改此内容。

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

答案 3 :(得分:3)

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

答案 4 :(得分:2)

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

用您的应用名称替换“我的应用”。

答案 5 :(得分:0)

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

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

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