React屏幕之间的本机导航，屏幕尺寸缩小错误

Question

请看附件中的图片。

​

​

要点:当我导航到一个新场景时，之前的屏幕看起来正在缩小或向上移动，这不是苹果应用程序上的典型用户体验模式--你有什么想法吗？

Answer 1

正确，这不是默认的iOS导航过渡，它是React Native团队创建的自定义导航过渡，他们在自己的应用程序上使用。

如果您使用的是Navigator组件，则可以看到它们如何自定义其场景过渡配置here。请注意，在某些场景配置中，它们如何在变换期间更改scale (在该文件中搜索scale )。如果您不希望发生这种情况，您可以使用configureScene prop对其进行自定义，否则您将不得不为Navigator本身设置一个背景色，以使其不会注意到页面的缩小，例如<Navigator style={{ backgroundColor: '#your-bg-color' }} {...otherProps} />，但我怀疑您是否愿意这样做。

如果你使用的是NavigationExperimental，如果你使用的是NavigationCardStack，则返回they do the same thing。不幸的是，除了direction之外，它们并不真正允许您在NavigationCardStack上自定义过渡动画。为了能够在NavigationExperimental中自定义导航过渡，您需要使用NavigationTransitioner。

Answer 2

我跟随this解决了这个问题。

基本上，您可以编写一个自定义插值函数来覆盖NavigationCardStack的行为，并将其应用于场景。然而，这只适用于向前过渡，向后它仍然为我保持缩放。你必须体验一下这一点。