HarmonyOS 鸿蒙Next Rating组件在shared类型的module中设置图片，显示空白

发布于 1周前 作者 zlyuanteng 来自 鸿蒙OS

HarmonyOS 鸿蒙Next Rating组件在shared类型的module中设置图片，显示空白

1、打开app

2、点击 ”点击跳转“ 按钮，跳转到第二个页面

Harmonyos Next教程
2 回复

第一种方式，将图片等资源放在当前模块的src/main/resources/base/media目录下，然后用$r("app.media.xxx")来引用。

第二种方式，将图片等资源放在src/main/rawfile目录下，然后用$rawfile("xxxxx")来引用。

而由于Rating组件的starStyle属性的目前规格限制，暂不支持PixelMap类型和Resource资源，因此上述两种引用方式均不支持。

目前starStyle属性支持传入string类型的图片资源的路径，而在hsp模块中，这种方式，实际引用的路径是hsp调用方entry模块下的图片资源目录，规格如此，所以推荐两种解决方案：

1.将图片资源存放到hsp调用方，即entry模块的src/main/ets/common/pictures目录下，然后在hsp模块的Rating组件直接引用，如下：

Rating({ rating: 3.5, indicator: false })

.backgroundColor(Color.White)


.starStyle({


backgroundUri: ‘/common/pictures/star_big_empty.png’,


foregroundUri: ‘/common/pictures/star_big_fill.png’,


secondaryUri: ‘/common/pictures/star_big_half.png’


})

2.将图片资源存放到hsp调用方，即entry模块的src/main/resources/base/media目录下，然后再hsp模块的Rating组件直接引用，如下：

Rating({ rating: 3.5, indicator: false })


.backgroundColor(Color.White)


.starStyle({


backgroundUri: ‘/resources/base/media/star_big_empty.png’,


foregroundUri: ‘/resources/base/media/star_big_fill.png’,


secondaryUri: ‘/resources/base/media/star_big_half.png’


})

更多关于HarmonyOS 鸿蒙Next Rating组件在shared类型的module中设置图片，显示空白的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中，Next Rating组件在shared类型的module中设置图片显示空白的问题，可能是由于资源路径不正确或者资源文件未被正确打包进模块中。

  1. 检查资源路径：确保你在Next Rating组件中引用的图片路径是正确的。路径应该是相对于当前module的资源目录。例如，如果图片存放在resources/rawfile目录下，则路径应为/rawfile/图片名.扩展名。

  2. 资源文件打包：确认图片资源已被正确添加到module的config.json文件中。在module的resources配置项下，需要列出所有包含资源的目录。例如：

    "resources": [
    {
        "paths": [
            "resources/rawfile/"
        ],
        "type": "rawfile"
    }
]

  3. 重新编译和部署：在做了上述修改后，确保重新编译整个项目，并部署到测试设备上。有时，IDE或构建系统可能未正确更新或打包资源文件。

  4. 检查权限：确认应用已具有访问这些资源的权限，尤其是在涉及外部存储或特定文件路径时。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部