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),
)
:
一个方便的小部件,用于在材质小部件上绘制图像和其他装饰,以便在其上渲染墨水池和墨水喷溅
简短的解释?