当前位置：首页 > 文档资料 > beeshell 2.0 中文文档 >

Rate 评分

优质

小牛编辑

134浏览

2023-12-01

评分组件。实现一套滑动评分的机制，支持定制任意图标。

Usage

全部引入

import { Rate } from 'beeshell';

按需引入

import Rate from 'beeshell/dist/components/Rate';

Examples

Code

详细 Code

import { Rate } from 'beeshell'

<Rate
  total={3}
  value={1}
  iconSize={20}
  iconSpace={80}
  enableHalf={true}
  onChange={(value) => {
    console.log(value)
  }}
/>

API

Props

Name	Type	Required	Default	Description
style	ViewStyle	false	{}	自定义样式
value	number	false	0	分数
total	number	false	5	总分数
icons	object	false	{}	图标元素集合 { empty: ReactElement, full: ReactElement, half?: ReactElement }
iconSize	number	true	20	图标的尺寸
iconSpace	number	true	4	图标的间隔
enableHalf	boolean	false	true	是否开启半分
onChange	Function	false	null	评分变化的回调函数

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。