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

[幽冥墨]

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

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

智能生活：6.11.5

华为 Mate 30

[crisiron]

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

[幽冥墨]

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

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

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

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

感谢回复！

[crisiron]

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

[幽冥墨]

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

以下是业务代码，请查看

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}
    />

[幽冥墨]

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

以下是业务代码，请查看

Android 会出现，iOS 不会出现

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}
    />

[crisiron]

好的，将会对代码进行验证