如何让Flutter Material Design 3的FAB与Material Design 2一样圆润？

你当前的实现已经达到了预期效果，但确实有更简洁高效的方式，无需嵌套多余的Container，直接利用FloatingActionButton的原生属性就能完成：

FloatingActionButton(
  onPressed: () {},
  backgroundColor: Colors.blue,
  elevation: 0, // 不需要阴影就保留，需要阴影可直接移除
  child: const Icon(Icons.add, color: Colors.white),
)

为什么这个方案更优： #

• FloatingActionButton默认就是圆形造型，不需要额外通过BoxDecoration定义圆形，省掉了嵌套Container的多余层级
• 直接通过backgroundColor设置背景色，不用先把FAB设为透明再套有色容器，逻辑更直接
• 移除了冗余的constraints: const BoxConstraints.expand()，FAB会自动适配内部图标的尺寸，也可以通过mini: true属性快速调整按钮大小

如果后续需要更复杂的样式（比如渐变背景、自定义边框），可以用InkWell包裹自定义Container来实现，但针对你当前的纯色圆形带图标需求，原生FloatingActionButton的写法是最简洁高效的。

内容的提问来源于stack exchange，提问作者せいゆう