当前位置:首页 > uni-app

uniapp应用名称

2026-03-05 07:40:16uni-app

修改应用名称的方法

在UniApp中修改应用名称需要根据不同的平台(如H5、App、小程序)进行配置,以下是具体操作步骤:

H5平台manifest.json文件中找到h5配置节点,修改title字段为需要的应用名称:

"h5": {
  "title": "你的应用名称"
}

App平台manifest.json文件中找到app-plus配置节点,修改name字段:

uniapp应用名称

"app-plus": {
  "name": "你的应用名称"
}

微信小程序 在项目根目录的pages.json中修改globalStyle下的navigationBarTitleText

"globalStyle": {
  "navigationBarTitleText": "你的应用名称"
}

Android原生配置 如需修改Android应用名称,需在manifest.jsonapp-plus->distribute->android节点下修改:

uniapp应用名称

"android": {
  "appName": "你的应用名称"
}

iOS原生配置manifest.jsonapp-plus->distribute->ios节点下修改:

"ios": {
  "appName": "你的应用名称"
}

注意事项

  • 修改配置后需要重新编译项目才能生效
  • 不同平台的应用名称可以设置为不同的值
  • 对于原生App,修改名称后需要重新打包发布
  • 小程序平台的名称可能还需要在对应平台的开发者工具中进行配置

多语言支持

如需实现多语言应用名称,可以通过动态设置的方式:

// 在App.vue中动态设置
uni.setNavigationBarTitle({
  title: this.$t('appName')
})

以上方法涵盖了UniApp中修改应用名称的主要场景,根据实际需求选择对应的配置方式即可。

标签: 名称uniapp
分享给朋友:

相关文章

uniapp中如何使用iconfont

uniapp中如何使用iconfont

使用 Iconfont 在 Uniapp 中的步骤 下载 Iconfont 资源 访问 Iconfont 官网,选择需要的图标并添加到项目。下载时选择 Font class 格式,解压后会得到 .tt…

海康 uniapp

海康 uniapp

海康威视与UniApp集成方案 海康威视的硬件设备(如摄像头、NVR等)与UniApp结合,通常需要通过海康的开放平台API或SDK实现功能调用。以下是具体实现方法: 获取海康威视开放平台权限 注册…

uniapp adb

uniapp adb

在UniApp中使用ADB的方法 ADB(Android Debug Bridge)是Android开发中常用的调试工具,可用于UniApp项目的真机调试、日志查看等操作。以下是具体使用方法: 连接…

丸子uniapp

丸子uniapp

丸子UniApp简介 丸子UniApp是一个基于UniApp框架开发的移动应用解决方案,通常用于快速构建跨平台应用(如微信小程序、H5、Android/iOS等)。其核心特点是利用UniApp的“一次…

引擎uniapp

引擎uniapp

uniapp 引擎概述 uniapp 是一个基于 Vue.js 的跨平台开发框架,允许开发者使用单一代码库构建多端应用(如 iOS、Android、Web、小程序等)。其核心引擎通过条件编译和运行时适…

uniapp grid

uniapp grid

uniapp grid 布局实现方法 在 uniapp 中实现 grid 布局可以通过多种方式完成,包括使用内置组件、CSS Grid 或第三方插件。以下是几种常见的实现方法: 使用 uni-gri…