我如何设置动画重置动作以反应原生导航？

Question

我有一个本机应用程序，我正在使用反应导航（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

Answer 2

要达到如此基本的要求真的很难。

使用Wix库，它的“反应本机导航”要好得多。