如何配置react-native-router-flux android back历史记录?

时间:2019-08-09 02:06:59

标签: react-native react-navigation react-native-router-flux

我有一个使用react-native-router-flux进行响应的本机应用,用于导航配置和阶段,问题是我无法完全理解如何设置android历史记录,因此后退按钮可以正常工作。

这是我的视图层次结构:

<Router>
 <Stack hideNavBar key="root"> 
    <Scene back key="mainMenu" component={MainMenu}/>
    <Scene key="about" component={About}/>
    //... and so on
</Router>

但是,如果我在显示带有操作的视图后按返回按钮,例如:

Actions.about();

在关于视图的内部,我按下了android按钮,收到以下错误消息:

"undefined is not an object (evaluating that.props.navigation.navigate)"

我真的不知道我在做什么错。请有人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

如果要向后移动屏幕,可以使用简单的命令来解决。


 componentDidMount() {
    this.backHandler = BackHandler.addEventListener('hardwareBackPress', this.handleBackPress);
  }

  componentWillUnmount() {
    this.backHandler.remove()
  }

  handleBackPress = () => {
    // go back (i.e. pop the current screen off the nav stack)
    Actions.pop()
    return true;
  }