点按内容动作里的这个心形小图标,需要执行点赞或者取消点赞的动作。先打开 post_actions.dart,找到这里定义的这个 likeAction,这里显示的心形小图标用的是 Icon 小部件,这个小部件不能处理点按行为,你可以把它换成一个 IconButton 小部件。
或者我们也可以把它放在一个 GestureDetector 小部件里面,然后设置一下点按事件处理就行了。先剪切一下这个小图标,这里用一个 GestureDetector ,设置一下小部件的 child ,把刚才剪切的 Icon 小部件作为这个 child 参数的值。
然后再添加一个 onTap,注意这里输入 on 的时候,会出现很多相关的参数,比如你想处理长按这种手势,可以使用 onLongPress,这里我们要处理的是点按动作,所以可以执行一下 onTap,把它的值设置成 onTapLikeAction。
在这个 build 方法里,找个地方定义一个方法,名字是 onTapLikeAction,在这个方法里先在控制台上输出一行文字,onTapLikeAction 。
测试
打开调试控制台,然后按一下点赞小图标,控制台上会输出 onTapLikeAction。因为现在这个心形小图标在一个 GestureDetector 小部件里面,我们设置监听了点按手势,发生这种动作手势的时候,执行了我们设置好的方法,这个方法做的事情就是在控制台上输出 onTapLikeAction。