Flutter 中的 InkWell 小部件:全面指南
InkWell
是Flutter中用于响应用户点击事件的小部件。它通常用于包装可点击的子widget,并在用户点击时显示水波纹效果。
以下是一个简单的InkWell
使用示例:
InkWell(
onTap: () {
// 处理点击事件
print('InkWell tapped!');
},
child: Container(
padding: EdgeInsets.symmetric(vertical: 20.0, horizontal: 20.0),
child: Text(
'点击我',
style: TextStyle(fontSize: 20),
),
),
),
在这个例子中,当用户点击InkWell
小部件时,会执行onTap
回调函数,并打印出消息。InkWell
可以有一个child
,这里是一个包含文本的Container
。
InkWell
还可以通过customBorder
属性自定义边框,通过highlightColor
属性自定义水波纹颜色,通过radius
属性自定义水波纹的传播范围等。
要注意的是,InkWell
应该被放置在具有Material颜色调色板的上下文中,否则可能不会显示水波纹效果。通常,这意味着它应该是MaterialApp或Material小部件的子代。
评论已关闭