javascript - 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 .