react-native - 等待 react 导航转换完成

Question

我正在寻找一种 react 导航的方法来调度导航操作并等待它在触发下一步之前完全完成。

就像是:

await dispatch({
  type: 'Navigation/goBackTo',
  routeName: 'Main',
})
dispatch(anotherAction())

目前我正在使用 setTimeout 解决方法。

Answer 1

与 react-navigation 没有特别的关系，但仍然有用:交互管理器 来自 react-native 的 API。

有一个方法 runAfterInteractions() 它将在所有动画完成后调用，因此在导航的情况下，我发现它是一个方便的工具。例如，您可以执行以下操作:

class Main extends Component {

    componentDidMount() {
        // 1: Component has been mounted off-screen
        InteractionManager.runAfterInteractions(() => {
            // 2: Component is done animating
            // 3: Do your anotherAction dispatch() here
        }); 
    }
}