React Native Navigator 转换问题答案

【问题标题】：React Native Navigator transition issueReact Native Navigator 转换问题
【发布时间】：2016-09-26 07:18:41
【问题描述】：

我有一个简单的 RN 应用程序，当我调用 navigator.push({...}) 导航到不同的场景时，当前场景向左滑出，新场景从右滑入。问题是当前场景的滑动速度比新场景慢得多（似乎只移动了屏幕宽度的 1/4 左右），因此新场景实际上在当前场景消失之前赶上了并与当前场景重叠。

知道如何解决这个问题吗？

RN 版本：0.34 导航器（不是 NavigatorIOS）

我正在模拟器中运行应用程序。

提前致谢。

【问题讨论】：

【解决方案1】：

在测试动画和性能时，您应该确保您没有使用 chrome 调试器或 devtools。速度慢的原因是因为您在完全不同的机器上运行应用程序 JavaScript，并且来回传递消息有很多开销。

您还可以将开发模式设置为 false 并查看它是否有所作为。

在开发模式下运行时，JavaScript 线程性能会受到很大影响。这是不可避免的：在运行时需要做更多的工作来为您提供良好的警告和错误消息，例如验证 propTypes 和各种其他断言。

【讨论】：

【解决方案2】：

好的，我想通了，这是我自己的错 - 我发现场景在退出时应该移动大约 1/4 屏幕宽度。正在“赶上”的场景并在外出时覆盖场景。

我的问题是我的第二个视图没有设置背景颜色，因此它变得透明，因此两个场景的内容“混合”并且看起来不对。

【讨论】：