如何使动画重置反应原生导航?

如何使动画重置反应原生导航?

问题描述:

我有一个反应原生的应用程序,我正在使用反应导航(https://reactnavigation.org)。如何使动画重置反应原生导航?

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

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

props.navigation.dispatch(initialNavigation); 

这导致从登录屏幕到主屏幕的跳跃。有没有什么办法让这个动画看起来像一个平滑的过渡?例如,淡出登录屏幕或滑动屏幕。

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

你可能想订阅这两个GitHub的开放性问题,因为它看起来像其他正在运行到同一个问题:

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

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