在进行数值映射时,组件UI 表现异常,滑动时轨道与正常表现一致。
工具正常,真机高概率复现
智能生活:6.11.5
华为 Mate 30
异常点:初始加载时,中间内容会覆盖轨道导致页面显示错乱,但是滑块能正常操作。
目前体验版本测试复现概率不高。
开发版本代码在努力复现中。
感谢回复!
本地未复现你说描述的问题,长时间未提供复现代码,临时进行关闭,如果后续有复现,请提供下对应代码。
以下是业务代码,请查看
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}
/>