当前位置:首页 > 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
分享给朋友:

相关文章

eeui uniapp

eeui uniapp

关于 EEUI 和 UniApp 的解析 EEUI 和 UniApp 是两个不同的跨平台开发框架,均用于快速构建多端应用。以下是它们的核心特点和对比分析: EEUI 框架特点 EEUI 是一个基于…

uniapp有用

uniapp有用

Uniapp 的优势 Uniapp 是一款基于 Vue.js 的跨平台开发框架,支持一次开发,多端发布,适用于 iOS、Android、Web、小程序等多个平台。其核心优势包括: 跨平台兼容性:…

uniapp 气泡

uniapp 气泡

uniapp 气泡实现方法 在 uniapp 中实现气泡效果可以通过多种方式,以下是常见的几种方法: 使用 CSS 样式实现气泡 通过 CSS 的 border 和 ::after 伪元素可以创建气…

uniapp弹出选择

uniapp弹出选择

实现方式一:使用uni.showActionSheet 在UniApp中,可以通过uni.showActionSheet实现底部弹出的选择菜单。该方法支持自定义选项列表和回调处理。 代码示例:…

uniapp 跟随键盘

uniapp 跟随键盘

uniapp 键盘弹出时调整布局的方法 在 uniapp 中实现页面内容跟随键盘弹出调整布局,可通过以下方式实现: 监听键盘高度变化 使用 uni.onKeyboardHeightChange 监听…

uniapp招聘开源

uniapp招聘开源

uniapp招聘开源项目推荐 以下是一些基于uniapp的开源招聘类项目,适合开发者参考或二次开发: DCloud招聘模板 官方提供的招聘类应用模板,包含职位列表、详情、投递等功能。 支持多端发布…