如何在物品点击后关闭脚手架的抽屉？

Question

在我点击脚手架抽屉中的物品后,我希望它自动隐藏.我如何在Flutter中做到这一点？

Answer 1

Navigator.pop()将弹出Drawer堆栈中的路径并使其关闭.

Answer 2

首先创建一个 ScaffoldState 键

GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();

Scaffold(
  key: _scaffoldKey,)

现在您可以使用 toggleDrawer() 方法打开和关闭抽屉。

左边抽屉

toggleDrawer() async {
  if (_scaffoldKey.currentState.isDrawerOpen) {
    _scaffoldKey.currentState.openEndDrawer();
  } else {
    _scaffoldKey.currentState.openDrawer();
  }
}

正确的抽屉

toggleDrawer() async {
  if (scaffoldKey.currentState.isDrawerOpen) {
    scaffoldKey.currentState.openDrawer();
  } else {
    scaffoldKey.currentState.openEndDrawer();
  }
}

Answer 3

Navigator.of(context).pop() 应该做你想要的:)

https://docs.flutter.io/flutter/widgets/Navigator-class.html https://docs.flutter.io/flutter/material/Drawer-class.html

Answer 4

如果您只是想关闭Drawer，则可以使用以下任一方法：

Navigator.pop(context);
Navigator.of(context).pop();

如果你想导航到一个新页面，你可以使用

Navigator.popAndPushNamed(context, "/new_page");

或者

Navigator.pop(context);
Navigator.push(context, MaterialPageRoute(builder: (_) => Page2()));

Answer 5

关闭抽屉并导航到新路线的简写：

Navigator.popAndPushNamed(context, '/newroute');

Answer 6

这就是答案

班级第一

GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();

第二个小部件

 Scaffold(key: _scaffoldKey,)

代码中的第三个

if (_scaffoldKey.currentState.isDrawerOpen) {
  _scaffoldKey.currentState.openEndDrawer();
}

Answer 7

对于最新的 Flutter 版本（我写这篇文章时是 v0.3.2），实现略有变化，Navigator.pop()现在需要给定的上下文。

Navigator.pop(context)是关闭路由的典型用法。
Navigator.pop(context, true )用于关闭具有返回结果的路由。

请参阅Flutter 的 Cookbook 上的Drawer Class和示例。