React Native在屏幕之间导航，屏幕尺寸缩小错误

Question

请参阅附图。

要点：当我导航到一个新场景时，前一个屏幕看起来正在缩小或向上移动，这不是Apple应用程序上的典型UX模式 - 任何想法？

Answer 1

正确，这不是默认的iOS导航转换，它是React Native团队创建的自定义导航转换，用于他们自己的应用。

如果您正在使用Navigator组件，则可以看到他们如何自定义其场景转换配置here。请注意在某些场景配置中，他们如何在转换期间更改scale（在该文件中搜索scale）。如果您不希望这种情况发生，您可以使用configureScene prop对其进行自定义，否则您必须为Navigator本身设置背景颜色，以避免页面缩小，例如，<Navigator style={{ backgroundColor: '#your-bg-color' }} {...otherProps} />，但我怀疑你会想要这样做。

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

Answer 2

我按照this来解决此问题。

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