uni-app titleNView里面的buttons在鸿蒙6.0模拟器里面不显示

uni-app titleNView里面的buttons在鸿蒙6.0模拟器里面不显示

开发环境 版本号 项目创建方式
Mac 14.4 (23E214) HBuilderX

操作步骤：

给uniapp项目的page添加自定义导航栏按钮，在鸿蒙6.0模拟器里面不显示

预期结果：

给uniapp项目的page添加自定义导航栏按钮，在鸿蒙6.0模拟器里面显示

实际结果：

给uniapp项目的page添加自定义导航栏按钮，在鸿蒙6.0模拟器里面不显示

bug描述：

{
    "path": "pages/product/index",
    "style": {
        "navigationBarTitleText": "商品管理",
        "enablePullDownRefresh": true,
        "disableSwipeBack": true,
        "app-plus": {
            "bounce": "vertical",
            "popGesture": "none",
            "titleNView": {
                "buttons": [
                    {
                        "float": "right",
                        "text": "\ue468",
                        "fontSrc": "/static/uni.ttf",
                        "fontSize": "25px",
                        "fontWeight": "bold",
                        "color": "#FFFFFF"
                    },
                    {
                        "float": "right",
                        "text": "\ue562",
                        "fontSrc": "/static/uni.ttf",
                        "fontSize": "25px",
                        "fontWeight": "bold",
                        "color": "#FFFFFF"
                    }
                ]
            }
        }
    }
}

更多关于uni-app titleNView里面的buttons在鸿蒙6.0模拟器里面不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

鸿蒙上不支持：https://uniapp.dcloud.net.cn/tutorial/harmony/runbuild.html#q9 暂时可以自定义导航栏兼容一下

更多关于uni-app titleNView里面的buttons在鸿蒙6.0模拟器里面不显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


谢谢 文档有点多没仔细看！

回复 Sunaice: 好的，主要是涉及到plus相关的，在鸿蒙上都不支持

回复 DCloud_UNI_yuhe官方麻烦尽快适配一下啊,老项目几十上百个页面都用到了buttons,每个页面都去自定义导航栏太麻烦了

在鸿蒙6.0模拟器中titleNView按钮不显示，这是已知的兼容性问题。鸿蒙系统对uni-app的titleNView渲染机制存在差异，特别是自定义字体图标和按钮配置。

检查以下几点：

  1. 字体文件路径确保正确，/static/uni.ttf需存在于项目静态资源目录
  2. 尝试将字体图标替换为普通文本测试基础功能
  3. 鸿蒙6.0可能需要单独适配，可暂时使用条件编译处理：
"#ifdef APP-PLUS"
"titleNView": {
    "buttons": [...]
}
"#endif"
回到顶部