如何配置 react-native-router-flux android 返回历史记录？

Question

我有这个使用 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();

在 about 视图中我按下返回 android 按钮，我收到以下错误消息：

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

我真的不知道我做错了什么。请问有人可以帮帮我吗？

Answer 1

如果你想把屏幕往回移动，你可以用一个简单的命令来解决。

 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;
  }