Page 1 of 1

RayCircleProgress 组件thumb 会被裁掉

Posted: 2025年 Apr 26日 15:34
by 15002075425
  • 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被裁剪

Re: RayCircleProgress 组件thumb 会被裁掉

Posted: 2025年 Apr 27日 09:31
by crisiron

已知问题,预计5.1后进行优化