使用 GestureDetector 处理手势动作

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

点按内容动作里的这个心形小图标,需要执行点赞或者取消点赞的动作。先打开 post_actions.dart,找到这里定义的这个 likeAction,这里显示的心形小图标用的是 Icon 小部件,这个小部件不能处理点按行为,你可以把它换成一个 IconButton 小部件。

或者我们也可以把它放在一个 GestureDetector 小部件里面,然后设置一下点按事件处理就行了。先剪切一下这个小图标,这里用一个 GestureDetector ,设置一下小部件的 child ,把刚才剪切的 Icon 小部件作为这个 child 参数的值。

然后再添加一个 onTap,注意这里输入 on 的时候,会出现很多相关的参数,比如你想处理长按这种手势,可以使用 onLongPress,这里我们要处理的是点按动作,所以可以执行一下 onTap,把它的值设置成 onTapLikeAction。

在这个 build 方法里,找个地方定义一个方法,名字是 onTapLikeAction,在这个方法里先在控制台上输出一行文字,onTapLikeAction 。

测试

打开调试控制台,然后按一下点赞小图标,控制台上会输出 onTapLikeAction。因为现在这个心形小图标在一个 GestureDetector 小部件里面,我们设置监听了点按手势,发生这种动作手势的时候,执行了我们设置好的方法,这个方法做的事情就是在控制台上输出 onTapLikeAction。

使用 GestureDetector 处理手势动作《 Flutter 2:内容点赞 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点