Question

我正在使用react-navigation https://reactnavigation.org/作为我的第一个本地反应项目。我想切换我的抽屉（打开和关闭），但我不知道如何实现这一目标。我一直在查看来自reactnavigation.org的文档，但是找不到任何提示。

Answer 1

如果您想切换抽屉，可以导航到'DrawerToggle'，这将根据抽屉当前状态选择适合您的导航。

相应地点燃'DrawerOpen＆amp; DrawerClose'

<强> this.props.navigation.navigate（ 'DrawerToggle'）;

Answer 2

根据the docs：

要打开和关闭抽屉，请分别导航到'DrawerOpen'和'DrawerClose'。

           ( SELECT DATE_FORMAT(bills.created_at,'%Y-%m-01') AS created_month
                  , SUM(bills.price)                         AS  bills
               FROM bills
              WHERE bills.created_at >= '2017-02-01'
                AND bills.created_at <  '2017-03-01' + INTERVAL 1 MONTH
              GROUP BY DATE_FORMAT(bills.created_at,'%Y-%m-01')
           ) b

Answer 3

由React 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 4

查看this.props.navigation.state。你应该能够在routeName中找到'DrawerOpen'或'DrawerClose'，就像在example中一样。

Answer 5

对于 5.x 版：

导入抽屉操作：

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

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

如何切换反应导航抽屉

5 个答案: