如何处理后退按钮android在主页中打开react本机导航侧边菜单时同时退出应用程序和关闭react

Question

我在我的项目中使用react原生导航Wix侧边菜单。我想关闭它时，它是打开的，用户点击移动物理返回图标。但我已经为后退按钮定义了当用户点击它时关闭我的应用程序。所以我的back图标应该做以下两个工作：

1-当菜单打开时，应将其关闭。2-当菜单关闭时，它应该退出应用程序。

我已经在redux store中保存了侧边菜单的状态(open: true，close:false)来处理它。但问题是当用户在手机屏幕上滑动打开或关闭菜单时。在这种情况下，我无法在redux store中更新我的状态。我不能在react本地导航中禁用侧边菜单的这个选项(滑动)来解决这个问题。所以我不知道如何修复它！

Answer 1

您可以在侧边菜单屏幕中监听componentDidAppear事件，以设置redux存储状态以获得可见性。

此外，您还可以在屏幕中添加Backhandler事件处理程序，以关闭侧边菜单或退出应用程序。

例如：

useEffect(() => {
  BackHandler.addEventListener('hardwareBackPress', () => {
    if (reduxStore.sideMenuOpened) {
      // Close the side menu.
      closeSideMenu()
      // Prevent the Backhandler's event bubbling up.
      return true
    }
    // Let the backhandler's event bubble up to close the app if you are in root screen.
    return false
  })
}, [])