如何配置 react-native-router-flux android 回溯历史？

Question

我有这个使用 react-native-router-flux 进行导航配置和阶段的 React 本机应用程序，问题是我无法完全理解如何设置 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;
  }

如何配置 react-native-router-flux android 回溯历史？

How to configure react-native-router-flux android back history?

react-native

react-native-router-flux

react-navigation