ray-js/circle-progress 包组件表现异常?

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


Post Reply
幽冥墨
Posts: 60

61d3cfee8920421dc634feb665cf0ac9.jpg

在进行数值映射时,组件UI 表现异常,滑动时轨道与正常表现一致。

工具正常,真机高概率复现

智能生活:6.11.5

华为 Mate 30


Tags:
crisiron
Posts: 240

Re: ray-js/circle-progress 包组件表现异常?

  1. 具体描述下异常的点是什么 2. 提供下最小可复现的代码
幽冥墨
Posts: 60

Re: ray-js/circle-progress 包组件表现异常?

crisiron 2025年 Nov 3日 11:26
  1. 具体描述下异常的点是什么 2. 提供下最小可复现的代码

异常点:初始加载时,中间内容会覆盖轨道导致页面显示错乱,但是滑块能正常操作。

目前体验版本测试复现概率不高。

开发版本代码在努力复现中。

感谢回复!

crisiron
Posts: 240

Re: ray-js/circle-progress 包组件表现异常?

本地未复现你说描述的问题,长时间未提供复现代码,临时进行关闭,如果后续有复现,请提供下对应代码。

幽冥墨
Posts: 60

Re: ray-js/circle-progress 包组件表现异常?

crisiron 2025年 Nov 24日 10:04

本地未复现你说描述的问题,长时间未提供复现代码,临时进行关闭,如果后续有复现,请提供下对应代码。

以下是业务代码,请查看

Code: Select all

<RayCircleProgress
      value={componentValue}
      trackColor="#00a7cc"
      colorList={[
        { offset: 0, color: '#ccc' },
        { offset: 1, color: '#ccc' },
      ]}
      thumbRadius={18}
      thumbOffset={10}
      thumbBorderWidth={0}
      thumbColor='#00a7cc'
      ringRadius={100}
      innerRingRadius={90}
      startDegree={135}
      offsetDegree={270}
      touchCircleStrokeStyle="rgba(0, 0, 0, 0.4)"
      renderInnerCircle={() => (
        <View className={styles.inner_view}>
          <View className={styles.inner_view_container}>
            <View className={styles.inner_view_container_top}>
              {/* 显示值保留 1 位小数 */}
              <View>{value.toFixed(1)}</View>
              <View className={styles.unit}>℃</View>
            </View>
            <View className={styles.current}>
              {Strings.getLang('roomTemp')} <Text>{dps3}℃</Text>
            </View>
          </View>
        </View>
      )}
      onTouchMove={handleMove}
      onTouchEnd={handleEnd}
    />

Post Reply