Flutter：保持AppBar elevation=1并移除遮罩，解决Drawer关闭后异常问题

以下几种方法可以确保AppBar在任何情况下都保持完全透明，避免Drawer交互后出现异常阴影或颜色：

方法1：强制阴影透明+固定背景色 #

直接修改AppBar的backgroundColor为透明，并设置shadowColor为透明，即使elevation被意外修改也不会显示阴影：

AppBar(
  foregroundColor: Colors.white,
  backgroundColor: Colors.transparent, // 直接设置为透明
  elevation: 0,
  shadowColor: Colors.transparent, // 强制阴影全透明
  actions: // 保留你的actions代码
)

同时保留Scaffold的extendBodyBehindAppBar: true配置，让页面内容延伸到AppBar下方。

方法2：监听Drawer状态锁定elevation #

如果Drawer交互会触发AppBar elevation的异常变化，可以监听Drawer的开闭状态，强制AppBar始终保持elevation为0：

class YourPage extends StatefulWidget {
  @override
  State<YourPage> createState() => _YourPageState();
}

class _YourPageState extends State<YourPage> {
  bool _drawerOpen = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      extendBodyBehindAppBar: true,
      appBar: AppBar(
        foregroundColor: Colors.white,
        backgroundColor: Colors.transparent,
        elevation: 0, // 始终固定为0
        shadowColor: Colors.transparent,
        actions: // 你的actions
      ),
      drawer: Drawer(
        onDrawerChanged: (isOpen) {
          setState(() => _drawerOpen = isOpen);
          // 可选：如果仍有异常，这里可以手动强制更新AppBar状态
        },
        // Drawer内容
      ),
      body: // 页面主体内容
    );
  }
}

方法3：使用强制透明属性（Flutter 3.13+） #

如果你的Flutter版本在3.13及以上，可以使用AppBar的forceMaterialTransparency属性，一键强制AppBar完全透明，忽略任何elevation带来的视觉效果：

AppBar(
  foregroundColor: Colors.white,
  backgroundColor: Colors.transparent,
  elevation: 0,
  forceMaterialTransparency: true, // 强制透明，覆盖所有阴影和背景效果
  actions: // 你的actions
)

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