Flutter仿抖音点击进入直播间按钮动画实现

利用flutter仿抖音点击进入直播间动画效果

效果图：

对于这个widget 已经封装成插件 供大家依赖使用

askai_animation_button: ^last version

组件的一些必选属性：

const KaiAnimationButton(
      {Key? key,
      required this.text,   //按钮内文字
      required this.innerCircleColor,   //内圈的颜色渐变 List类型[begin,end]
      required this.outerRingColor,     //外圈的颜色渐变 List类型[begin,end]
      this.style,  
      required this.onTap,  
      required this.innerWidth, //内圈的宽度变化.List类型 [begin,end]
      required this.outerRingWidth, //外圈的宽度变化. List类型[begin,end]
      required this.outerRingHeight})   //外圈的高度变化.List类型 [begin,end]
      : super(key: key);

see also

原创作者:As.Kai
关注我，一起成长
搬运请注明原文链接以及作者名