react-native - 如何为重置 react native 导航设置动画？

Question

我有一个 React native 应用程序，并且正在使用 React 导航 (https://reactnavigation.org)。

用户登录后，我重置导航堆栈:

const initialNavigation = NavigationActions.reset({
    index: 0,
    actions: [NavigationActions.navigate({ routeName: Main })],
});

props.navigation.dispatch(initialNavigation);

这会导致从登录屏幕跳转到主屏幕。有没有什么办法可以让它看起来像一个平滑的过渡？例如，淡出登录屏幕或滑动屏幕。

我知道我可以“导航”而不是“重置”堆栈以获得动画，但我不希望登录屏幕位于导航堆栈上。

Answer 1

您可能想订阅这两个 github 开放问题，因为其他人似乎遇到了同样的问题:

https://github.com/react-community/react-navigation/issues/1663

https://github.com/react-community/react-navigation/issues/1493