Flutter 如何在颤振中设置按钮飞溅效果的边界？

当我在容器内按下图标按钮时，飞溅效果会在容器外绘制，所以它有点“溢出”。如何设置边界以限制绘制飞溅效果的区域

我的层次结构是这样的，我想限制容器小部件内部的飞溅效果

- Expanded
-- Listview

- Container
-- Row
--- IconButton[]

---

我在写这个问题时偶然发现了解决方案，所以我将答案留在这里，以防其他人遇到同样的问题

我必须将容器包装到ClipPath小部件中，以限制飞溅效果的区域

- Expanded
-- Listview

- ClipPath (add this)
-- Container
--- Row
---- IconButton[]

---

我认为最好使用带有图标的InkWell小部件作为子部件。正如弗利特博士所说

您可以使用onTap（）属性放置函数，也可以使用

borderRadius

属性为飞溅提供圆形

圆形喷墨墨水池

Container(
          height: 30,
          width: 30,
          child: InkWell(
            borderRadius: BorderRadius.circular(30),
            onTap: () {},
            child: Icon(Icons.timer),
          ),
        ),

或者，您可以使用不带边框半径的默认形状，该形状也很酷：}

Container(
          height: 30,
          width: 30,
          child: InkWell(
            onTap: () {},
            child: Icon(Icons.timer),
          ),
        ),

---

仅供参考，并不是材料能做到这一点。但克利帕斯所使用的材料。@RémiRousselet感谢您的澄清。我相应地编辑了答案。有没有办法减少飞溅区域，上面按钮图像中的飞溅区域在顶部和底部被裁剪，我正在寻找一个不会被裁剪的小飞溅圆。