android - 动画在调试模式下不起作用 | 反应原生

Question

一段时间以来，我遇到了一个非常烦人的错误。它是动画在React-Native 应用程序的调试模式下无法正常工作。直到它们被执行大约需要 5 秒。在正常模式下一切正常。我不知道原因是什么，互联网上没有关于这个错误的任何有用的信息。所以我决定问你^^

笔记

• 如果你想看看这个 bug 的样子。我上传了一个短视频 https://www.youtube.com/watch?v=qxpOyIHeyQg

用过的

• 反应原生 0.62

• chormedebugger（也用react-native-debugger测试过）

• android (ios 尚未测试)

谢谢你^^

Answer 1

在打开调试器时，react-native 必须做更多的工作来显示errors, consol.logs, redux state和所有这些，所以当 react-native 忙于所有这些事情时，动画会同时执行，看看这个。

https://github.com/facebook/react-native/issues/5632#issuecomment-177299394

您可以尝试使用 InteractionManager 使动画更流畅。

https://reactnative.dev/docs/0.26/interactionmanager