如何移除Flutter中Scaffold内FAB底部的默认内边距

Scaffold使用FloatingActionButtonLocation.centerFloat时，框架预设了固定的底部偏移量，用于适配底部导航栏、系统安全区域等场景，这个间距是Scaffold布局阶段计算的，和FAB组件本身的Padding无关，所以你给FAB加EdgeInsets.zero不会生效。

通过继承FloatingActionButtonLocation自定义位置计算逻辑，完全可控，无副作用：

1. 首先定义自定义位置类

class NoPaddingCenterFloatLocation extends FloatingActionButtonLocation {
  @override
  Offset getOffset(ScaffoldPrelayoutGeometry scaffoldGeometry) {
    // 水平居中逻辑和官方centerFloat保持一致
    final double horizontalOffset = (scaffoldGeometry.scaffoldSize.width - scaffoldGeometry.floatingActionButtonSize.width) / 2;
    // 垂直方向直接贴到底部，移除官方默认的偏移量
    final double verticalOffset = scaffoldGeometry.scaffoldSize.height - scaffoldGeometry.floatingActionButtonSize.height;
    // 如果需要适配底部系统安全区，可以调整为下面的写法
    // final double verticalOffset = scaffoldGeometry.scaffoldSize.height - scaffoldGeometry.floatingActionButtonSize.height - MediaQueryData.fromView(WidgetsBinding.instance.platformDispatcher.views.first).padding.bottom;
    return Offset(horizontalOffset, verticalOffset);
  }
}

2. 替换Scaffold的floatingActionButtonLocation属性

import 'package:flutter/material.dart';

void main() => runApp(
      MaterialApp(
        home: Scaffold(
          floatingActionButtonLocation: NoPaddingCenterFloatLocation(),
          floatingActionButton: Container(height: 56, color: Colors.red),
        ),
      ),
    );

如果你不想自定义类，也可以直接给FAB加向下的偏移抵消默认间距，不过该方案依赖官方默认偏移值的固定性，版本升级可能失效：

floatingActionButton: Transform.translate(
  // 官方centerFloat默认底部偏移为16dp，向下移动16dp抵消间距
  offset: const Offset(0, 16),
  child: Container(height: 56, color: Colors.red),
)

你当前使用的bottomSheet占位的方案不推荐使用，bottomSheet本身有默认的交互逻辑和布局限制，后续如果页面需要添加底部弹窗、底部导航栏等组件时容易出现冲突。

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