React Native Navigator转换问题

Question

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

关于如何解决这个问题的任何想法？

RN版本：0.34 导航（不 NavigatorIOS）

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

在此先感谢。

Answer 1

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

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

您还可以设置开发模式为假，看看它是否有差别。

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

https://facebook.github.io/react-native/docs/performance.html

Answer 2

OK，我想通了这一点，这是我自己的错 - 我原来的道路上走出的场景应该是移动约1/4屏幕宽度。现场正在“赶上”，并在现场出现。

我的问题是，我的第二个视图没有backgroundColor设置，所以它变得透明，所以两个场景的内容'混合'，看起来不对。