用户返回上一个屏幕而不是显示侧面菜单答案

【问题标题】：User returns to previous screen instead of showing side menu用户返回上一个屏幕而不是显示侧面菜单
【发布时间】：2019-08-19 11:12:26
【问题描述】：

我有以下情况：有一个屏幕，我想在其中添加侧边菜单。可能我在将侧边菜单集成到我的应用程序时遇到了很多问题，但现在我用一个按钮创建了简单的菜单。所以，我想通过向右滑动来打开我的侧边菜单，但是当我这样做时，我导航到屏幕，它在导航中更高。我没有在导航的任何地方添加侧边菜单，因为我不明白它应该在哪里。我只是将它添加到渲染功能。在导航屏幕的“最高”处，此菜单正确显示。可能我不知道我应该附加哪个代码，这就是为什么要求我需要显示的代码，我会添加它。提前致谢！

UPD

这是我的应用导航器：

import React from 'react';
import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import AuthorizationScreen from '../screens/AuthorizationScreen';
import MainTabNavigator from './MainTabNavigator';


export default createAppContainer(
  createSwitchNavigator({
    // You could add another route here for authentication.
    // Read more at https://reactnavigation.org/docs/en/auth-flow.html
    // Authorization: AuthorizationScreen,
    Main: MainTabNavigator,
  })
);

【问题讨论】：

你在用什么react-navigation或react-naive-navigation？
@fayeed，反应导航。更新了问题

标签： react-native react-native-navigation side-menu

【解决方案1】：

在 IOS 中，当您从左侧滑动时，它应该返回到上一个屏幕，这是默认行为，因此 react-navigation 提供了一个名为 gestureEnabled 的道具，用于实现此行为

您是否可以使用手势关闭此屏幕。在 iOS 上默认为 true，在 Android 上默认为 false。

在您的 Stack Navigator 中设置导航选项，如下所示：

Example: {
    name: 'Example Screen',
    screen: ExampleView
    navigationOptions: {
        gesturesEnabled: false,
    },
},

至于您应该如何以及在何处添加抽屉，您可以将其添加到您的MainTabNavigator，如下所示：

const MainTabNavigator = createDrawerNavigator(
  {
    Home: HomeScreen,
    Profile: ProfileScreen,
  },
  {
    intialRouteName: 'Home',
  }
);

export default createAppContainer(
  createSwitchNavigator({
    Main: MainTabNavigator,
  })
);

【讨论】：