Rate 评分
代码演示
基本用法
dart
Rate(
count: 5,
value: model.value,
onChange: (v) => model.value = v,
),自订图标
dart
Rate(
count: 5,
value: model.value,
onChange: (v) => model.value = v,
voidIcon: VanIcons.like_o,
icon: VanIcons.like,
),自订样式
dart
Rate(
count: 5,
value: model.value,
onChange: (v) => model.value = v,
voidIcon: const Icon(VanIcons.star, color: Color(0xFFCCCCCC)),
icon: const Icon(VanIcons.star, color: Color(0xFFF8D44E)),
),半星
dart
Rate(
count: 5,
value: model.value,
allowHalf: true,
onChange: (v) => model.value = v,
),自订数量
dart
Rate(
count: 6,
value: model.value,
onChange: (v) => model.value = v,
),API
| Props | 类型 | 描述 |
|---|---|---|
value | double | 当前值 |
onChange | Function(double v) | 值变化触发 |
count | int | 最大值 |
size | double | 大小 |
voidIcon | Widget | Icon | String | 未选中图标 |
icon | Widget | Icon | String | 选中图标 |
color | Color | 选中颜色 |
voidColor | Color | 未选中颜色 |
gap | double | 间距 |
allowHalf | bool | 允许半星 |