Flutter 仿掘金推特点赞按钮

• 如何使用.
• 什么时候去请求服务改变状态
• 参数

如何使用.

默认效果是Icons.favorite

LikeButton(),

你可以自定义一些效果，比如颜色，比如喜欢数量显示，

LikeButton(
size: buttonSize,
circleColor:
CircleColor(start: Color(0xff00ddff), end: Color(0xff0099cc)),
bubblesColor: BubblesColor(
dotPrimaryColor: Color(0xff33b5e5),
dotSecondaryColor: Color(0xff0099cc),
),
likeBuilder: (bool isLiked) {
return Icon(
Icons.home,
color: isLiked ? Colors.deepPurpleAccent : Colors.grey,
size: buttonSize,
);
},
likeCount: 665,
countBuilder: (int count, bool isLiked, String text) {
var color = isLiked ? Colors.deepPurpleAccent : Colors.grey;
Widget result;
if (count == 0) {
result = Text(
“love”,
style: TextStyle(color: color),
);
} else
result = Text(
text,
style: TextStyle(color: color),
);
return result;
},
),

什么时候去请求服务改变状态

LikeButton(
onTap: (bool isLiked)
{
return onLikeButtonTap(isLiked, item);
},)

这是一个异步回调，你可以等待服务返回之后再改变状态。也可以先改变状态，请求失败之后重置回状态

Future onLikeButtonTap(bool isLiked, TuChongItem item) {
///send your request here
///
final Completer completer = new Completer();
Timer(const Duration(milliseconds: 200), () {
item.isFavorite = !item.isFavorite;
item.favorites =
item.isFavorite ? item.favorites + 1 : item.favorites - 1;

// if your request is failed,return null,
completer.complete(item.isFavorite);
});
return completer.future;
}

more detail

参数

参数	描述	默认
size	like Widget的大小	30.0
animationDuration	like widget动画的时间	const Duration(milliseconds: 1000)
bubblesSize	动画时候的泡泡的大小	size * 2.0
bubblesColor	动画时候的泡泡的颜色，需要设置4种	const BubblesColor(dotPrimaryColor: const Color(0xFFFFC107),dotSecondaryColor: const Color(0xFFFF9800),dotThirdColor: const Color(0xFFFF5722),dotLastColor: const Color(0xFFF44336),)
circleSize	动画时候的圈的最大大小	size * 0.8
circleColor	动画时候的圈的颜色，需要设置2种	const CircleColor(start: const Color(0xFFFF5722), end: const Color(0xFFFFC107)
onTap	点击时候的回调，你可以在里面请求服务改变状态
isLiked	是否喜欢。如果设置null的话，将会一直有动画，而且喜欢数量一直增长	false

总结

【Android 详细知识点思维脑图（技能树）】

我个人是做Android开发，已经有十来年了，目前在某创业公司任职CTO兼系统架构师。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

最后，赠与大家一句话，共勉！

4)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

最后，赠与大家一句话，共勉！