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

Question

请参阅所附图片。

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

Answer 1

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

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

如果您使用的是NavigationExperimental，那么如果您使用NavigationCardStack. 不幸的是，NavigationCardStack除了direction. 为了能够自定义您的导航转换NavigationExperimental，您需要使用NavigationTransitioner.