CircleProgress组件在iphone13&iOS16.1.1渐变色显示异常

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


Post Reply
wink_li
Posts: 14

  • Tuya MiniApp IDE 版本信息:0.8.3
    • App 应用版本信息: 智能生活6.1.0
    • @ray-js/ray"1.5.27", @ray-js/panel-sdk"1.13.1"的版本
    • 移动设备信息:iphone13 iOS16.1.1
    • 相关代码:

<RayCircleProgress
className={styles.circle}
value={localTempPrt}
ringRadius={135}
innerRingRadius={111}
colorList={[
{ offset: 0, color: '#295bdd' },
{ offset: 0.5, color: '#6A53D1' },
{ offset: 1, color: '#f65028' },
]}
startDegree={135}
offsetDegree={270}
touchCircleStrokeStyle={'rgba(0, 0, 0, 0.4)'}
thumbBorderWidth={9}
onTouchMove={handleMove}
onTouchEnd={handleEnd}
)
}
/>

Code: Select all

- 问题描述(复现步骤):在iOS18.3中运行正常,iOS16.1.1颜色显示异常[attachment=0]异常1.png[/attachment]
Attachments
异常1.png
正常1.PNG

Tags:
crisiron
Posts: 106

Re: CircleProgress组件在iphone13&iOS16.1.1渐变色显示异常

“yarn add --registry=https://registry.npmjs.org/@ray-js/circ ... .11-beta-1” 新版本已兼容,可以先添加试用, 注意由于使用了兼容写法,圆角暂不支持,后续会迭代添加,有问题及时反馈

wink_li
Posts: 14

Re: CircleProgress组件在iphone13&iOS16.1.1渐变色显示异常

crisiron 2025年 Jan 9日 19:23

“yarn add --registry=https://registry.npmjs.org/@ray-js/circ ... .11-beta-1” 新版本已兼容,可以先添加试用, 注意由于使用了兼容写法,圆角暂不支持,后续会迭代添加,有问题及时反馈

预计何时迭代

crisiron
Posts: 106

Re: CircleProgress组件在iphone13&iOS16.1.1渐变色显示异常

wink_li 2025年 Jan 13日 14:04
crisiron 2025年 Jan 9日 19:23

“yarn add --registry=https://registry.npmjs.org/@ray-js/circ ... .11-beta-1” 新版本已兼容,可以先添加试用, 注意由于使用了兼容写法,圆角暂不支持,后续会迭代添加,有问题及时反馈

预计何时迭代

由于没有合适的API 需要手动绘制,比较麻烦,预计年后; 另正式版本已经发布,项目中引用正式版本 yarn add --registry=https://registry.npmjs.org/ @ray-js/circle-progress@0.0.11

Post Reply