Flutter学习指南:交互、手势和动画(2),看完全都会了

本文详细介绍了Flutter中各种手势事件,如onTap、onDoubleTap、onLongPress等,并探讨了GestureDetector和InkWell组件的使用。此外,还讲解了在Flutter中进行页面间跳转的方法,包括使用Navigator.push和Navigator.pop。最后,展示了如何通过示例创建一个echo客户端,结合了手势交互和页面导航的知识。
摘要由CSDN通过智能技术生成

);  
}
}

除了上面代码使用到的 onTap,GestureDetector 还支持许多其他事件:

  • onTapDown:按下

  • onTap:点击动作

  • onTapUp:抬起

  • onTapCancel:前面触发了 onTapDown,但并没有完成一个 onTap 动作

  • onDoubleTap:双击

  • onLongPress:长按

  • onScaleStart, onScaleUpdate, onScaleEnd:缩放

  • onVerticalDragDown, onVerticalDragStart, onVerticalDragUpdate, onVerticalDragEnd, onVerticalDragCancel, onVerticalDragUpdate:在竖直方向上移动

  • onHorizontalDragDown, onHorizontalDragStart, onHorizontalDragUpdate, onHorizontalDragEnd, onHorizontalDragCancel, onHorizontalDragUpdate:在水平方向上移动

  • onPanDown, onPanStart, onPanUpdate, onPanEnd, onPanCancel:拖曳(水平、竖直方向上移动)

如果同时设置了 onVerticalXXX 和 onHorizontalXXX,在一个手势里,只有一个会触发(如果用户首先在水平方向移动,则整个过程只触发 onHorizontalUpdate;竖直方向的类似)

这里要说明的是,onVerticalXXX/onHorizontalXXX 和 onPanXXX 不能同时设置。如果同时需要水平、竖直方向的移动,使用 onPanXXX。

如果读者希望在用户点击的时候能够有个水波纹效果,可以使用 InkWell,它的用法跟 GestureDetector 类似,只是少了拖动相关的手势(毕竟,这个水波纹效果只有在点击的时候才有意义)。

原始手势事件监听

GestureDetector 在绝大部分时候都能够满足我们的需求,如果真的满足不了,我们还可以使用最原始的 Listener 控件。

class TestWidget extends StatelessWidget {  
@override  
Widget build(BuildContext context) {    
return Listener(      
child: Text(‘text’),      
onPointerDown: (event) => print(‘onPointerDown’),      
onPointerUp: (event) => print(‘onPointerUp’),      
onPointerMove: (event) 

  • 12
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值