用户 returns 到上一个屏幕而不是显示侧面菜单

Question

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

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

Answer 1

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

Whether you can use gestures to dismiss this screen. Defaults to true on iOS, false on Android.

在您的 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,
  })
);

用户 returns 到上一个屏幕而不是显示侧面菜单

User returns to previous screen instead of showing side menu

react-native

react-native-navigation

side-menu