ray开发面板小程序有没有合适的动画方案解决真机卡顿问题

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


Post Reply
feiza
Posts: 6

<div className={style['c-active-slider']} style={{ backgroundColor: color, width: ${width}px }}></div>
我直接使用useState修改width在真机模拟会变得卡顿,我尝试使用less.modifyvars修改宽度获取不到modifyvars方法, 请问怎么解决卡顿问题

智能小程序开发者
Posts: 202

Re: ray开发面板小程序有没有合适的动画方案解决真机卡顿问题

  1. 在ray中不能直接使用<div>标签,应该引用ray组件用的View组件代替
    2.通过useState修改width是否有频繁调用,如果有频繁调用需要添加节流,我们推荐1秒钟调用不超过20次setState
    3.真机调试对网速的依赖比较高,当网络延迟比较严重时会导致调试出现卡顿。建议发个体验版在体验版上看下是否还有问题。
    4.如果以上还不能解决,请提供最小可复现代码,方便我们排查。
Post Reply