Flutter知识点: 常用手势

使用Flutter的时候发现有部分Widget提供了onPressed事件,还有一部分没有提供,要如何给Widget增加单击,双击,长按等手势呢?

提供了onPressed事件的Widget

举例:
《Flutter知识点: 常用手势》 image.png

效果如图:
《Flutter知识点: 常用手势》 image.png

没有提供了onPressed事件的Widget

GestureDetector表示可以从多个单独的指针事件(甚至可能是多个单独的指针)识别的语义动作(例如,轻敲,拖动和缩放)。 完整的一个手势可以分派多个事件,对应于手势的生命周期(例如,拖动开始,拖动更新和拖动结束):

单击举例: 《Flutter知识点: 常用手势》 image.png

效果如图:

《Flutter知识点: 常用手势》 image.png

单击事件分离,双击,长按举例: 《Flutter知识点: 常用手势》 image.png

效果如图:

《Flutter知识点: 常用手势》 image.png

发现问题:被GestureDetector包裹的Widget没有涟漪效果

查看文档需要使用InkWell实现此效果。

举例:

《Flutter知识点: 常用手势》 image.png

效果如图

《Flutter知识点: 常用手势》 image.png

Dismissed手势

举例:

《Flutter知识点: 常用手势》 image.png

效果如图

《Flutter知识点: 常用手势》 image.png

《Flutter知识点: 常用手势》 image.png

已有项目集成到Flutter代码已经上传到我的GITHUB

知乎日报Flutter版代码已经上传到我的GITHUB

基础学习过程中的代码都放在GITHUB

每天学一点,学到Flutter发布正式版!

    原文作者:老实巴交的读书人
    原文地址: https://www.jianshu.com/p/9cbd4465e3cb
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注