如何使用 Flutter 中的键以编程方式打开和关闭抽屉？

Question

当我按下一个图标时，我希望以编程方式打开和关闭抽屉。 我正在尝试使用钥匙，但运气不佳。 我找到了这篇文章 - Flutter：如何以编程方式打开抽屉，但我遇到了问题。

我有一列图标（见屏幕截图），我包含在一个文件中，我的抽屉在另一个文件中，这两个显然都包含在第三个文件中（这是一个全屏谷歌地图）。 我正在考虑使用全局密钥，但不确定将所有内容放在哪里。

在我的 map 页面中，我有

class _TheMapState extends State<TheMap> with WidgetsBindingObserver {
  GlobalKey<ScaffoldState> _drawerKey = GlobalKey();
  ...
  ...

当我尝试在我的抽屉页面中添加密钥时，它无法识别它，因此我将 GlobalKey 行添加到我的抽屉页面中。 我也必须对我的图标选项页面执行此操作，否则由于错误，应用程序将无法构建。 当我这样做时没有错误，但是当我点击按钮时没有任何反应。

这是我将钥匙添加到抽屉的地方。

Widget mapDrawer() {
    return Drawer(
      key: _drawerKey,
      ...
      ...

这是我的图标代码，它在一个单独的文件中。

Widget _buildShowHideDrawerIcon() {
    return Container(
      child: Opacity(
        opacity: 0.60,
        child: Container(
          padding: EdgeInsets.all(7.0),
          decoration: BoxDecoration(
            color: Colors.white,
            //border: Border.all(color: Colors.black12, width: 1.0),
            boxShadow: [
              BoxShadow(
                color: Colors.black,
                offset: Offset(0.0, 0.0),
                blurRadius: 3.0,
              ),
            ],
          ),
          child: InkWell(
            onTap: () {
              print("SHOW/HIDE DRAWER ICON PRESSED");
              setState(() {
              _drawerKey.currentState.openDrawer();
              });
            },
            child: Icon(
              Icons.swap_horiz,
              color: Colors.black87,
              size: 24.0,
              semanticLabel: 'Show ,or hide sliding drawer',
            ),
          ),
        ),
      ),
    );
  }

我将不胜感激任何帮助。

Answer 1

将键分配给Scaffold ，而不是Drawer

  Scaffold(
    key: _drawerKey,
    drawer: Drawer(),

Answer 2

您应该将密钥分配给Scaffold ，而不是Drawer

Scaffold(
   key: _drawerKey,

并替换该行：

_drawerKey.currentState.openDrawer(); 

和

_drawerKey.currentState?.openDrawer();