HarmonyOS NEXT鸿蒙开发-ArkUI :Rating 评分组件

介绍

官网API

用于京东、拼夕夕、外卖评价,如下图:

接口

Rating(options?: { rating: number, indicator?: boolean })

参数:

  • rating:number类型,必填,设置、接收评分值,默认值:0,取值范围: [0, stars],小于0取0,大于stars取最大值stars。支持 $$ 双向绑定变量

  • indicator:boolean类型,true:不可修改,用于展示,此时较小;false可修改

属性

stars

设置星的总数,即:评分总数。默认值:5

stars(value: number)

stepSize

设置操作评级的步长。默认值:0.5,即:可选择0.5颗星

stepSize(value: number)

例子

定义状态变量:

@State pingjia:number = 3
Row(){
  Text("评价:")
  Rating({
    rating:$$this.pingjia,
    indicator:false, // true:不可修改,用于展示;false可修改
  })
    .stars(6) // 星的总数
    .stepSize(1) // 最小选中一颗星
}

获取状态变量:

Button("注册")
.onClick( item=>{
  console.log("评价:",this.pingjia)
})

原文出处:/show_1GW2F6SI35fI.html