HarmonyOS 如何获取资源库图片路径,用于适配深色模式

如何获取资源库图片路径,用于适配深色模式

容器组件Navigation的.menus属性中,需要填入icon图片地址,为适配深色模式这里要写成动态的,尝试了直接$r(‘app.media.xxx’)方式无效,应该返回的是一个对象。

用getMediaByNameSync的方法?如果是的话帮看下如何以拿到需求中所需的图片路径字符串。

代码片段:

Navigation(){
  ...
}
.menus([{
  value: '', icon: 'resources/base/media/home_more_down.png', action: () => {
    router.pushUrl({ url: 'pages/MorePage' })
  }
}
])
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
HarmonyOS
2024-12-24 17:07:37
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zbw_apple

可以在resources/base/media/路径在放置各种图片,获取的时候也是直接icon: ‘resources/base/media/startling.png’

private menuItems: Array<NavigationMenuItem> = [
  {
    value: "1",
    icon: 'resources/base/media/background.png',
  },
  {
    value: "2",
    icon: 'resources/base/media/background.svg',
    isEnabled: false,
  },
  {
    value: "3",
    icon: 'resources/base/media/startling.png',
    isEnabled: true,
  }
]
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.

参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-navigation-V5#示例2

icon暂时只能使用’resources/base/media/background.png’的类似写法,如果想引用dark目录里的图,可以使用resources/dark/media /xxx.png引用即可

分享
微博
QQ
微信
回复
2024-12-24 19:43:06
相关问题
应用如何适配深色模式
2318浏览 • 1回复 待解决
应用如何适配深色模式
3485浏览 • 1回复 待解决
app适配深色浅色切换模式
2654浏览 • 1回复 待解决
HarmonyOS 深色模式
1039浏览 • 1回复 待解决
如何使用Image加载沙箱路径图片资源
2631浏览 • 2回复 待解决
HarmonyOS深色主题适配
1246浏览 • 1回复 待解决
HarmonyOS 浅色模式深色模式
933浏览 • 1回复 待解决
HarmonyOS 如何禁用深色模式
617浏览 • 1回复 待解决
HarmonyOS 如何禁止深色模式使用
804浏览 • 1回复 待解决
鸿蒙怎么获取当前是不是深色模式
9360浏览 • 1回复 待解决
HarmonyOS web深色模式
711浏览 • 1回复 待解决
如何获取资源文件的全路径
2580浏览 • 1回复 待解决