Skip to content

Rate 评分

用于对事物进行快速评分的组件。

实现原理

使用 MouseRegion 嵌套 GestureDetector、Container、Icon、Text 等组件实现评分交互和样式。

基础用法

通过设置 valueonChanged 属性来实现评分的基本交互。

查看代码

允许半选

设置 allowHalf 属性可以支持半星评分。

查看代码

显示文字

设置 showText 并传入 texts 属性,可以为每个评分值显示对应的文字描述。

查看代码

显示分数

设置 showScore 属性可以显示当前分数,scoreTemplate 可自定义分数字符串格式。

查看代码

自定义颜色

通过 colors 属性自定义不同分值区间的颜色,或通过 colorType 设置主题色。

查看代码

不同尺寸

通过 size 属性设置不同尺寸,或通过 customSizecustomFontSize 自定义 icon 和文字大小。

查看代码

API

Rate 属性

属性名说明类型默认值
value当前分值double0
max最大分值double5
disabled是否禁用boolfalse
allowHalf是否允许半选boolfalse
showText是否显示文字描述boolfalse
showScore是否显示分数boolfalse
clearable是否可清空评分boolfalse
size评分组件尺寸(large/medium/small)ESizeItemmedium
customSize自定义 icon 尺寸double?-
customFontSize自定义文字尺寸double?-
colorType主题色类型EColorTypeprimary
texts文字描述数组(需与 max 保持一致)List<String>?-
scoreTemplate分数字符串模板,{value} 占位当前分数String?-
colors分值区间颜色数组(1/3/自定义)List<Color>?-
onChanged分值变化回调ValueChanged<double>-

基于 MIT 协议发布