HarmonyOS 鸿蒙Next Rating自定义样式不展示

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

HarmonyOS 鸿蒙Next Rating自定义样式不展示 最新SDK  Rating 设置自定义样式 不展示 ，控件一片空白。

Harmonyos Next教程
3 回复

运行以下demo，是没有问题的，会正常显示 如果您运行以下demo，先替换成正确的图片地址，查看是否可以正常显示 如果无法正常显示，请提供一下您复现的demo，以及IDE版本（最新900）

// xxx.ets
@Entry
@Component
struct RatingExample {
  @State rating: number = 3.5
  build() {
    Column {
      Rating({ rating: this.rating, indicator: true })
        .stars(5)
        .stepSize(0.1)
        .starStyle({
          backgroundUri: '/common/image1.PNG', // common目录与pages同级
          foregroundUri: '/common/image2.PNG',
          secondaryUri: '/common/image3.PNG'
        })
        .margin({ top: 24 })
        .onChange((value: number) => {
          this.rating = value
        })
        .width(170)
        .height(33)
      Text('current score is ' + this.rating)
        .fontSize(16)
        .fontColor('rgba(24,36,49,0.60)')
        .margin({ top: 16 })
    }.width('100%').height('100%').backgroundColor('#F1F3F5')
  }
}

更多关于HarmonyOS 鸿蒙Next Rating自定义样式不展示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


Rating Rating 在 hsp中不展示自定义图片 在hap中正常

针对“HarmonyOS 鸿蒙Next Rating自定义样式不展示”的问题，可能的原因及解决方案如下：

在HarmonyOS开发中，若自定义Rating组件的样式未正确展示，首先需检查以下几个方面：

  1. 样式定义：确保在XML布局文件或相应的样式文件中正确定义了Rating组件的样式属性，如星星数量、大小、颜色等。

  2. 属性应用：验证是否在Rating组件上正确应用了自定义样式。这通常通过在组件标签内设置style属性指向自定义样式名称来实现。

  3. 主题兼容性：检查自定义样式是否与当前应用的主题兼容。有时，主题中的默认设置可能会覆盖自定义样式。

  4. 资源加载：确保所有相关的资源文件（如图片资源）都已正确放置在项目的资源目录中，并且路径引用无误。

  5. 代码逻辑：如果样式是通过代码动态设置的，检查相关代码逻辑是否正确执行，包括样式的创建、应用和更新。

如果以上步骤均无误但问题依旧存在，可能是由于系统或框架的bug导致的。此时，可以尝试清除项目缓存、重启开发环境或更新HarmonyOS SDK至最新版本。

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

回到顶部