Flutter 点击事件组件
时间: 2023-08-18 17:31:08 浏览: 271
Flutter 中常用的点击事件组件有 GestureDetector、InkWell 和 InkWell。
1. GestureDetector:可以监听多种手势事件,包括点击、双击、长按、滑动等。通过 onTap 回调函数可以监听点击事件。
2. InkWell:是在 GestureDetector 的基础上封装的一个组件,可以支持水波纹效果。当用户点击时,会出现一个水波纹效果,给用户更好的反馈。
3. InkWell:和 InkWell 类似,但是在其中添加了一个 InkWell child 组件。当用户点击 InkWell child 时,会触发 onTap 回调函数。
使用这些点击事件组件的示例代码如下:
```dart
GestureDetector(
onTap: () {
// 处理点击事件
},
child: Container(
width: 100,
height: 100,
color: Colors.blue,
),
),
InkWell(
onTap: () {
// 处理点击事件
},
child: Container(
width: 100,
height: 100,
color: Colors.blue,
),
),
InkResponse(
onTap: () {
// 处理点击事件
},
child: Container(
width: 100,
height: 100,
color: Colors.blue,
child: Center(
child: Text('Click me'),
),
),
),
```
阅读全文