反应本机导航转换问题

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

任何想法如何解决这个问题?

RN版本:0.34导航器( 不是 NavigatorIOS)

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

提前致谢。

testinganimation和性能时,应确保不使用chromedebugging器或devtools。 原因很慢,是因为你在一个完全不同的机器上运行应用程序JavaScript,并且消息来回传递有很多开销。

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

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

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

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

好吧,我明白了这一点,这是我自己的错 – 我发现这个场景出来的时候应该会移动大约1/4的屏幕宽度。 正在赶路的景象正在出路。

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