在React Native中发出未陈述和反应导航的问题

Question

我有函数

onPress = (store) => {
//store.flipState();
this.props.navigation.navigate('anotherScreen');
console.log('hi');
}

如果我像上述导航一样运行它。如果我取消按下来spore.flipstate((列状态，则状态会更改，但导航不起作用(屏幕只是刷新(。console.log在两种情况下都可以工作。

我如何更改状态并同时导航？

我在React Native中使用未陈述和反应导航。

谢谢。

Answer 1

我知道这真的很旧，但是如果您将导航操作传递给Flipstate

怎么办

const {navigation: {navigate}} = this.props
store.flipState(navigate('anotherScreen'))

然后，在flipstate中，当您调用SetState时，将导航传递为成功操作回调

flipState = (callback) => {
  this.setState((state) => {
    return { flippedState: !state.flippedState };
  }, callback);
};