Flutter 如何显示容器上的涟漪效应,如颤振中的IconButton儿童?

Flutter 如何显示容器上的涟漪效应,如颤振中的IconButton儿童?,flutter,flutter-layout,Flutter,Flutter Layout,标准图标按钮不会对孩子产生任何连锁反应: IconButton( icon: Container(color: Colors.red,), onPressed: () {}, ) 所以我试着用Stack来修复它: class MyIconButton extends StatelessWidget { const MyIconButton({Key key}) : super(key: key); @override Widget build(BuildContext

标准图标按钮不会对孩子产生任何连锁反应:

IconButton(
 icon: Container(color: Colors.red,),
 onPressed: () {},
)
所以我试着用Stack来修复它:

class MyIconButton extends StatelessWidget {
  const MyIconButton({Key key}) : super(key: key);

    @override
    Widget build(BuildContext context) {
      return Container(
        height: 100,
        width: 100,
        child: Stack(
          fit: StackFit.loose,
          children: [
            Positioned.fill(
              child: Container(
                width: 40,
                height: 40,
                color: Colors.deepPurple, 
              ),
            ),
            Positioned.fill(
              child: Material(
                type: MaterialType.transparency,
                shape: const CircleBorder(),
                child: IconButton(
                  splashRadius: 50,
                  icon: Container(), 
                  onPressed: () {
                  },
                ),
              ),
            )
          ],
        ),
      );
    }
  }

但这个小部件需要定义容器的大小,当我定义这个大小时,我不能在容器外显示涟漪效应。我愿意听取建议。

将您的
容器
替换为
墨水
小部件

IconButton(
按下:(){},
图标:墨水(颜色:Colors.red),
)
:

一个方便的小部件,用于在材质小部件上绘制图像和其他装饰,以便在其上渲染墨水池和墨水喷溅


简短的解释?