Flutter知识点: 常用手势

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

提供了onPressed事件的Widget

举例：

image.png

效果如图：

image.png

没有提供了onPressed事件的Widget

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

单击举例：

image.png

效果如图：

image.png

单击事件分离，双击，长按举例：

image.png

效果如图：

image.png

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

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

举例:

image.png

效果如图

image.png

Dismissed手势

举例:

image.png

效果如图

image.png

image.png

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

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

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

每天学一点，学到Flutter发布正式版！