Flutter项目中使用GetX如何打开侧边栏Drawer

GetX并没有单独封装打开Drawer的专属API，但是可以通过以下两种GetX生态下的方案替代原生Scaffold.of(context).openDrawer()写法，无需依赖当前组件的上下文：

方案1：使用GetX全局上下文 #

GetX内置了全局上下文Get.context，可以直接替代组件级context调用原生打开方法：

// 直接调用即可，无需传入当前组件的context
Scaffold.of(Get.context!).openDrawer();

// 容错写法，当前页面未挂载Drawer时不会抛出异常
Scaffold.maybeOf(Get.context!)?.openDrawer();

该方案改动最小，适合快速替换原有原生写法的场景。

方案2：通过GetxController持有Scaffold全局Key（无上下文依赖） #

如果需要跨组件、跨页面触发Drawer打开，推荐把Scaffold的状态Key存在GetxController中，完全不需要上下文即可调用：

1. 首先在对应页面的Controller中定义ScaffoldKey和打开方法：

class HomeController extends GetxController {
  // 持有当前页面Scaffold的状态Key
  final GlobalKey<ScaffoldState> homeScaffoldKey = GlobalKey<ScaffoldState>();

  void openHomeDrawer() {
    homeScaffoldKey.currentState?.openDrawer();
  }
}

2. 把Key绑定到页面对应的Scaffold上：

class HomePage extends StatelessWidget {
  final HomeController controller = Get.put(HomeController());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 绑定Key
      key: controller.homeScaffoldKey,
      drawer: const HomeDrawer(),
      // 其余页面代码...
    );
  }
}

3. 任意位置需要打开Drawer时直接调用Controller方法即可：

Get.find<HomeController>().openHomeDrawer();

补充：关闭Drawer的GetX简化写法 #

Drawer本质是路由弹窗，用GetX自带的全局返回方法即可直接关闭，无需上下文：

Get.back();

内容的提问来源于stack exchange，提问作者Yakhyo Mashrapov