uni-app 鸿蒙app的导航栏上的按钮不会显示

uni-app 鸿蒙app的导航栏上的按钮不会显示

开发环境 版本号 项目创建方式
Mac macOS 26.0.1 HBuilderX

示例代码：

{
"path": "pages/request/request",
"style": {
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#164e63",
"navigationBarTextStyle": "white",
"app-harmony": {
"titleNView": {
"buttons": [
{
"text": "发送",
"fontSize": "16",
"color": "#ffffff",
"background": "rgba(255,255,255,0.1)",
"borderRadius": "20",
"width": "60",
"height": "32"
}
]
}
},
"app-plus": {
"titleNView": {
"buttons": [
{
"text": "发送",
"fontSize": "16",
"color": "#ffffff",
"background": "rgba(255,255,255,0.1)",
"borderRadius": "20",
"width": "60",
"height": "32"
}
]
}
}
}
}

操作步骤：

请参考我的代码和截图。

预期结果：

导航栏按钮应该显示

实际结果：

导航栏按钮不显示

bug描述：

鸿蒙app的导航栏上的按钮不会显示。iOS和安卓上，按钮是可以正常显示的。模拟器和真机都试过，都是不显示


更多关于uni-app 鸿蒙app的导航栏上的按钮不会显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

文档没说明支持这个字段，文档地址

更多关于uni-app 鸿蒙app的导航栏上的按钮不会显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


是的，之前是在找不到合适的配置项。现在已经有了官方回复，导航栏按钮对鸿蒙版还没有实现，得等

回复 yqq123: 嗯嗯

在鸿蒙平台上，app-harmony 配置目前可能不完全支持 titleNView 的 buttons 属性。根据你的代码，iOS 和安卓使用 app-plus 配置正常，但鸿蒙端需要单独适配。建议尝试以下方法：

  1. 检查鸿蒙平台兼容性：查阅 uni-app 官方文档，确认 app-harmony 下 titleNView 的按钮配置是否被支持。目前鸿蒙平台可能仍处于适配阶段，部分功能可能存在限制。

  2. 使用条件编译：在 pages.json 中，通过条件编译为不同平台设置配置。移除 app-harmony 中的 buttons，并依赖 app-plus 作为通用配置，或仅针对鸿蒙端调整样式：

    "style": {
  "navigationBarTitleText": "首页",
  "navigationBarBackgroundColor": "#164e63",
  "navigationBarTextStyle": "white",
  "app-plus": {
    "titleNView": {
      "buttons": [
        {
          "text": "发送",
          "fontSize": "16",
          "color": "#ffffff",
          "background": "rgba(255,255,255,0.1)",
          "borderRadius": "20",
          "width": "60",
          "height": "32"
        }
      ]
    }
  }
}
回到顶部