无动画的React导航5 popToTop

Question

有人知道如何在React Navigation5中没有动画的情况下弹出到堆栈的顶部吗？

我的用例是，我有一个抽屉侧边栏，当用户点击一个项目时，我想导航到该堆栈，但弹出到该堆栈的顶部，重置导航。我让它在下面的代码中工作，但它是动画，是一个意想不到的用户体验。

navigation.dispatch({
  ...StackActions.popToTop(), 
  source: currentRoute.key, 
  target: targetStack.key
});

有没有办法在没有动画的情况下做到这一点？

Answer 1

你可以试试这个

navigation.popToTop({immediate: true})

来源：https://github.com/react-navigation/react-navigation/issues/3480

Answer 2

我也遇到了同样的问题...解决方法是禁用close上的transitionSpec动画

transitionSpec: {
    open: TransitionSpecs.TransitionIOSSpec,
    close: {
        animation: 'timing',
        config: {
            duration: 0,
        },
    },
}

它工作得很好，但问题是，如果你在某个屏幕上使用Back按钮，动画也将被禁用:/

当然，这与您的用户体验有关，也许这不是问题:)