Skip to content

Latest commit

 

History

History
59 lines (23 loc) · 1.72 KB

react-native-app-display-name.md

File metadata and controls

59 lines (23 loc) · 1.72 KB

React Native 之修改 APP 应用名称

最近用 React Native 写了个 APP ,拿给同事体验时,向我反馈了一个问题,关于 APP 名称是否能显示成中文名称?

我之前忙着开发,还真没留意过 APP 的名称,如下图

01-APP默认名称

APP 的名称是一串英文字母,经过 Google 大神 的帮助下,得到信息是如果 APP 没有设置名称,则默认读取工程目录的名称,当作是 APP 的名称。如果设置了则读取开发者设置的名称,那么该如何设置呢?

iOS

iOS 为例

02-修改 iOS APP 名称

  1. 选中工程名称
  2. 找到右侧菜单 Info 选项
  3. 添加 Bundle display name 并把 value 设置成 "应用名称"
  4. 最后重新再 Run 一次,即可看到最新的效果

iOS APP 修改完成后,名称显示如下图

03-iOS APP 应用名称

Android

Android APP 默认的名称显示也存在着同样的问题。

Android APP 应用名称修改需要先找到 strings.xml 文件,在 工程名称/android/app/src/main/res/values/ 目录下,然后修改 app_name 的值为 "应用名称"。(如下图)

04-修改 Android APP 应用名称

最后再重新 Run 一次,Android APP 修改完成后,名称显示如下图

04-Android APP 名称

参考资料