如何让Flutter Scaffold创建Drawer但不在AppBar中添加相关图标按钮？

核心思路 #

默认情况下，当Scaffold设置了drawer或endDrawer时，自动生成的AppBar会自动添加对应的抽屉图标按钮，还会挤占返回箭头的空间。要解决这个问题，核心是手动自定义AppBar的内容，不让它自动关联抽屉按钮。

具体实现方案 #

1. 手动自定义AppBar的leading区域 #

直接在AppBar的leading属性中设置你需要的返回按钮，替代自动生成的内容。这样不管Scaffold有没有设置drawer/endDrawer，AppBar都不会自动添加抽屉按钮，返回箭头的空间也会正常显示。

示例代码：

Scaffold(
  endDrawer: Drawer(
    // 你的属性检查器内容
    child: Container(
      child: Text('项目属性检查器'),
    ),
  ),
  appBar: AppBar(
    // 手动设置返回按钮
    leading: IconButton(
      icon: Icon(Icons.arrow_back),
      onPressed: () => Navigator.pop(context),
    ),
    title: Text('项目列表'),
    // 关闭自动推断leading的逻辑，确保完全使用自定义内容
    automaticallyImplyLeading: false,
  ),
  body: // 你的项目列表内容
);

2. 禁用抽屉的侧滑唤起（可选） #

如果不需要通过侧滑手势打开抽屉，可以在Scaffold中设置endDrawerEnableOpenDragGesture: false，避免用户误触侧滑打开抽屉：

Scaffold(
  endDrawer: Drawer(/* ... */),
  endDrawerEnableOpenDragGesture: false,
  appBar: AppBar(/* 自定义内容 */),
  // ...
);

3. 完全自主控制AppBar内容 #

如果你的AppBar有更多自定义需求，直接完全构建AppBar的actions和leading区域，不依赖Scaffold的自动关联逻辑，就能彻底避免抽屉按钮的出现，同时保证布局空间正常。

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