如何切换反应游动抽屉

Question

我正在使用React-Navigation https://reaectnavigation.org/用于我的第一个React-Native项目。我想切换抽屉（开放式关闭），但我不知道如何实现这一目标。我一直在查看ReactNavigation.org的文档，但找不到任何提示。

Answer 1

as react avead navigation（v2）

要打开和关闭抽屉，请使用以下助手打开和关闭抽屉：

this.props.navigation.openDrawer();
this.props.navigation.closeDrawer();

如果您想切换抽屉，请致电以下：

this.props.navigation.toggleDrawer();

幕后的每个功能都只是派遣动作：

this.props.navigation.dispatch(DrawerActions.openDrawer());
this.props.navigation.dispatch(DrawerActions.closeDrawer());
this.props.navigation.dispatch(DrawerActions.toggleDrawer());

Answer 2

如果您想切换抽屉，则可以导航到'drawertoggle'，这将选择适合您给定抽屉当前状态的导航。

firees'抽屉蛋白＆amp; drawerclose'相应

this.props.navigation.navigate（'drawerToggle'）;

Answer 3

根据文档：

要打开和关闭抽屉，分别导航到"抽屉蛋白"one_answers" drawerclose"。

this.props.navigation.navigate('DrawerOpen'); // open drawer
this.props.navigation.navigate('DrawerClose'); // close drawer

Answer 4

查看this.props.navigation.state。您应该能够像在此示例中一样在路由中找到"抽屉蛋白"或" drawerclose"。

Answer 5

版本5.x：

导入抽屉：

import { DrawerActions } from "@react-navigation/native";

您可以使用navigation.dispatch(DrawerActions.toggleDrawer())