Flutter技术问题：如何移除BottomAppBar的内边距？

需求：移除底部的灰色实心内边距，未使用SafeArea，但通过Widget inspector检查发现BottomAppBar被自动添加了34的内边距。

解决方案： #

BottomAppBar默认会自动适配系统底部安全区域（如手机底部导航栏、刘海屏底部区域），即使未手动添加SafeArea，也会生成默认内边距。可以通过以下方式修改：

1. 清除默认内边距
   直接给BottomAppBar添加padding: EdgeInsets.zero，同时移除冗余的Positioned和Wrap嵌套（Positioned仅在Stack中生效，此处属于无效嵌套）：

bottomNavigationBar: BottomAppBar(
  color: Colors.grey.shade200.withOpacity(0.8),
  elevation: 0,
  clipBehavior: Clip.antiAlias,
  notchMargin: 5,
  shape: CircularNotchedRectangle(),
  padding: EdgeInsets.zero, // 关键：清除默认内边距
  child: Container(
    height: SizeConfig.screenHeight * 0.1,
    child: ClipRect(
      child: BackdropFilter(
        filter: ImageFilter.blur(
          sigmaX: blur,
          sigmaY: blur,
        ),
        child: BottomNavigationBar(
          iconSize: 55,
          backgroundColor: Colors.transparent,
          type: BottomNavigationBarType.fixed,
          currentIndex: 0,
          onTap: (int index) {},
          items: [
            BottomNavigationBarItem(icon: Icon(Icons.radio), label: 'A'),
            BottomNavigationBarItem(icon: Icon(Icons.radio), label: 'A'),
            BottomNavigationBarItem(icon: Icon(Icons.radio), label: 'A'),
            BottomNavigationBarItem(icon: Icon(Icons.radio), label: 'A'),
          ],
        ),
      ),
    ),
  ),
),

2. 强制关闭安全区域适配（Flutter新版本可用）
   如果设置padding后仍有残留内边距，可添加safeArea: false参数，彻底关闭BottomAppBar的自动安全区域适配：

bottomNavigationBar: BottomAppBar(
  // 保留原有参数
  padding: EdgeInsets.zero,
  safeArea: false, // 关闭自动安全区域适配
  // ...其他参数
),

内容的提问来源于stack exchange，提问作者who-aditya-nawandar