circle-progress 物料异常

[幽冥墨]

IDE环境配置

Code: Select all

<RayCircleProgress
          value={value}
          // 当这个打开时且startDegree !== 90，就会出现以下报错
          // trackColor="#00a7cc"
          colorList={[
            { offset: 0, color: '#ccc' },
            { offset: 1, color: '#ccc' },
          ]}
          thumbRadius={24}
          thumbOffset={16}
          thumbBorderWidth={0}
          thumbColor='#00a7cc'
          ringRadius={120}
          innerRingRadius={116}
          // 将这个数字换成 90， trackColor 打开不会产生报错
          startDegree={135}
          offsetDegree={270}
          touchCircleStrokeStyle="rgba(0, 0, 0, 0.4)"
          onTouchStart={handleTouchStart}
          onTouchMove={handleMove}
          onTouchEnd={handleEnd}
        />

这个是报错信息

[crisiron]

yarn add --registry=https://registry.npmjs.org/ @ray-js/circle-progress@0.1.3-beta-2 使用这个版本

[幽冥墨]

yarn add --registry=https://registry.npmjs.org/ @ray-js/circle-progress@0.1.3-beta-2 使用这个版本

这个异常是解决了，在操作流畅度上存在问题。

onTouchMove、onTouchEnd 在滑动时 onTouchMove 完全触发后才会执行 onTouchEnd，并且 onTouchMove 执行明显滞后

这个问题在IDE 上不会出现，在Android 会存在，iOS 中不会

[crisiron]

end 在move 后执行正常； 不要在 onTouchMove 进行 setState 操作，一般情况下不建议使用move