hlilab-dev
hlilab-dev
> @LiuMengzhou > 动画用的什么做的? > 定时器又用的什么? > more details 你好: 我们使用了官方建议的Animated动画方法封装了一个半圆形的进度条。在this.state里面定义了一个进度数据,绑定在进度条控件上。之后使用Animated.timing方法,使进度条平滑移动。但在实体机上,能明显感觉到掉帧。 我们做了一个最简单的定时器测试。在空的项目中使用了this.timer1s=setInterval方法,定时一秒钟。每一秒打印一次console,log。通过对比调试页面得到的console.log和电脑系统时钟,发现每隔10秒,就有4秒的误差。 我们使用console.log打印“__DEV__”,发现为:"true"。与这个有关系吗?
> 可以尝试关闭Chrome调试选项,或者在WiFi情况更好的环境下测试(例如电脑开热点给手机使用),RN动画在这些情况下是会存在卡顿。 你好,我们尝试过多种方法,包括关闭米家APP中的插件调试(即在Chrome中不再收到调试数据),以及项目完整打包,不再依托电脑运行依旧出现画面卡顿的情况。并且就连最简单的定时器都存在如此巨大的误差。 我们关闭Chrome调试选项后,在APP内用console.log打印开发者状态:DEV依旧为true。根据官方的说法,这个选项将消耗大量的资源。画面的卡顿跟这个有关系吗?