Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 用户返回上一屏幕,而不是显示侧菜单_React Native_React Native Navigation_Side Menu - Fatal编程技术网

React native 用户返回上一屏幕,而不是显示侧菜单

React native 用户返回上一屏幕,而不是显示侧菜单,react-native,react-native-navigation,side-menu,React Native,React Native Navigation,Side Menu,我有以下情况:有一个屏幕,我想添加侧菜单。可能我在将侧菜单集成到应用程序时遇到了很多问题,但现在我创建了一个按钮的简单菜单。所以,我想通过向右滑动来打开我的侧菜单,但当我这样做时,我会导航到屏幕,这在导航中是较高的。我没有在导航中的任何地方添加侧菜单,因为我不知道它应该在哪里。我刚刚把它添加到渲染函数中。在导航屏幕的“最高”位置,此菜单显示正确。可能我不知道应该附加哪些代码,这就是为什么我需要显示代码,我会添加它。提前谢谢 UPD 以下是我的应用程序导航器: import React from

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

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

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

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

在堆栈导航器中,设置如下导航选项:

Example: {
    name: 'Example Screen',
    screen: ExampleView
    navigationOptions: {
        gesturesEnabled: false,
    },
},
至于如何以及在何处添加抽屉,您可以将其添加到MainTabNavigator,如下所示:


您使用的是react导航还是react naive导航?@Fayed,react导航。更新问题
const MainTabNavigator = createDrawerNavigator(
  {
    Home: HomeScreen,
    Profile: ProfileScreen,
  },
  {
    intialRouteName: 'Home',
  }
);

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