[移动开发] flutter仿抖音’点击进入直播间‘按钮动画实现

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> flutter仿抖音’点击进入直播间‘按钮动画实现 -> 正文阅读

[移动开发]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);