有渐变和阴影的进度条

更新时间：2021-08-27 11:07:50下载pdf

ShadowCircleProgress

组件预览图

组件属性

字段名	类型	描述	默认值
themeColor	string	主题颜色	“#FB7319’”
circleWidth	number	宽度	206
scaleHeight	number	进度条渲染的高度	25
progressValue	number	具体值	0
shadowWidth	number	阴影宽度	7
title	string \| number	圆盘中心显示值	“”
titleSize	number	title字号	cx(36)
title	string \| number	圆盘中心显示值	“”
disabled	boolean	是否禁止滑动	true
onValueChange	() => void	滑动回调	null
onSlidingComplete	() => void	滑动结束回调	null

使用示例

import React from 'react';
import { View } from 'react-native';
import { ShadowCircleProgress } from '@tuya/tuya-panel-outdoor-sdk';

const CircleProgress = () => {
  return (
  <View style={{ flex: 1, backgroundColor: '#FFF', paddingTop: 10 }}>
        <ShadowCircleProgress
          themeColor="#FB7319"
          unit="steps"
          title={1000}
          disabled={false}
          progressValue={Math.random() * 100}
        />
    </View>
  );
};
export default CircleProgress;

上一篇带气泡的滑动选择器

下一篇时间间隔组件