如何在Android上激活手势以切换React Navigation的Drawer Navigator

时间:2019-03-27 19:56:58

标签: react-native react-navigation

我正在尝试使用React Navigation创建一个抽屉导航,但是打开/关闭抽屉的手势(向左/向右滑动)不起作用。

它可在装有Android 8.1的Asus 4 Max上运行。该项目使用:

  • 反应Native@0.59.1
  • React@16.8.3
  • 反应导航@ 3.5.1
  • React Native Gesture Handler@1.1.0

我已经尝试更改抽屉的锁定模式。

如果我将按钮与this.props.navigation.openDrawer()this.props.navigation.closeDrawer()一起使用,则可以使用。

我以为可以是“手势处理程序”,但是当我创建标签导航器时,“滑动”效果很好。

我的路线文件:

import { createStackNavigator, createAppContainer, createDrawerNavigator } from 'react-navigation';
import Login from './pages/Login';
import Main from './pages/Main';
import Plans from './pages/Plans'

const DrawerRoutes = createDrawerNavigator({
    Main,
    Plans
})

const StackRoutes = createStackNavigator({
    Login,
    App: DrawerRoutes
});

const RoutesContainer = createAppContainer(StackRoutes)

export default RoutesContainer;

我希望能够从左向右滑动以打开,反之则可以关闭抽屉。

1 个答案:

答案 0 :(得分:0)

{
    swipeEnabled: true,
}

启用使用滑动功能