RayCircleProgress 组件thumb 会被裁掉
Posted: 2025年 Apr 26日 15:34
- Tuya MiniApp IDE 版本信息:0.8.9;
- App 应用版本信息: 6.4.0;
- @ray-js/ray, @ray-js/panel-sdk的版本:"@ray-js/ray": "1.6.1";"@ray-js/panel-sdk": "1.13.1";
- 移动设备信息:iPhone 13 Pro
- 相关代码:
Code: Select all
import React, { useState } from 'react'; import { View } from '@ray-js/ray'; import RayCircleProgress from '@ray-js/circle-progress'; import styles from './index.module.less'; export function Index() { const [circleValue, setCircleValue] = useState(0); const handleEnd = v => { setCircleValue(v); }; const handleMove = (v: number) => { setCircleValue(v); }; return ( <View className={styles.fanControlView}> <RayCircleProgress value={circleValue} startDegree={148} offsetDegree={243} ringRadius={92} thumbBorderWidth={12} innerRingRadius={82} colorList={[ { offset: 0, color: '#2D3EA0' }, { offset: 1, color: '#80BDF9' }, ]} onTouchMove={handleMove} onTouchEnd={handleEnd} /> </View> ); } export default Index;
Code: Select all
- 日志信息:~错误日志或 IDE 运行日志等~ - 问题描述(复现步骤):执行代码,将thumb 滑到圆形所在矩形的边上 - 预期结果: thumb 不被裁剪 - 实际结果:thumb被裁剪