RayCircleProgress 组件thumb 会被裁掉

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
15002075425
Posts: 8

  • 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被裁剪
Attachments
bbb.png
aaa.png

Tags:
crisiron
Posts: 126

Re: RayCircleProgress 组件thumb 会被裁掉

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

Post Reply