【HarmonyOS NEXT】Navigation menu 图标不生效

最新推荐文章于 2024-09-14 18:21:07 发布

Mayism123

最新推荐文章于 2024-09-14 18:21:07 发布

阅读量415

点赞数 9

文章标签： harmonyos

本文链接：https://blog.csdn.net/Mayism123/article/details/136623934

版权

文章描述了一个在使用Huawei的Navigation组件时，菜单图标无法显示的问题，通过新建image文件夹存储图片或采用CustomBuilder方式解决了这个问题，同时提供了相关文档链接。

摘要由CSDN通过智能技术生成

【关键字】

API 10 / 资源调用 / Navigation组件 / menu图标

【问题描述】

代码实现示例如下：

build() {
Column() {
Navigation() {
if (this.ShowBottomHairline) {
Divider()
.height(0.7)
.backgroundColor($r('app.color.LINE_COLOR'))
.width('100%')
.shadow({ radius: 4, color: 0xA1B5CD, offsetX: 0, offsetY: 2 }).zIndex(1000000)
}
if (this.contentView !== undefined) {
this.contentView()
}
}
.width('100%')
.title(this.NavigationTitle())
.titleMode(NavigationTitleMode.Mini)
.hideTitleBar(false)
.hideToolBar(true)
.backgroundColor(this.bgColor)
.backButtonIcon($r('app.media.nav_btn_back_padding'))
.menus([{value: "", icon: '../../resources/base/media/home.png', action: ()=>{}}])
}
}

鼠标按一下导航栏菜单位置可以发现按钮有在，但图标不显示，可以确认图片资源存在。