又来了一拨Flutter酷炫动画
- 作者: 人生如梦何必自恋
- 来源: 51数据库
- 2021-08-11
前言
实现UI和交互是大前端开发者的必备技能,也是掌握Flutter开发的重点;在下学习Flutter之际,实现了几种客户端上常见的酷炫UI特效,虽说是用Flutter造原生的轮子,但Flutter跨平台的特性是原生不能比拟的,更何况还有不弱的性能表现。本文主要是介绍Flutter hub特效库flutter_easyHub的基本情况和使用;

项目介绍
flutter_easyHub 是纯粹的flutter编写,现在支持30中动画,在iOS和android上运行流畅,目前项目已经开发了30种动画,如果你有好的idea,可以及时pr。
详细动画
default |
CircularProgress |
showErrorHub |
showComplateHub |
LineProgress |
|---|---|---|---|---|
CircularProgressEasyOutEasyIn |
CircularProgressEasy |
singleFlipingRect |
beattingCircle |
singlebeattingCircle |
beatingRects |
rotatingCircles |
rotatingDeformedCircles |
rotatingTwoRect |
rotatingTwoCircles |
foldingRect |
swingingBall |
[站外图片上传中…(image-8400ec-1589354626080)] waves | spitBubbles |
movingCube |
rotatingTwoColorBall |
pendulumingBall |
flashingBalls |
fallingBall |
![]() hourglass |
dancingCube |
swingingBall |
creepingBug |
这个下过还是和不错的,经过我多个项目使用,这个还是挺好的,有问题的话直接@开发者,开发者直接会抽时间来解决。
大概我将一下如何使用。。。。。。

更多效果持续更新,请关注flutter_easyHub
推荐阅读

default
CircularProgress
showErrorHub
showComplateHub
LineProgress
CircularProgressEasyOutEasyIn
CircularProgressEasy
singleFlipingRect
beattingCircle
singlebeattingCircle
beatingRects
rotatingCircles
rotatingDeformedCircles
rotatingTwoRect
rotatingTwoCircles
foldingRect
swingingBall
spitBubbles
movingCube
rotatingTwoColorBall
pendulumingBall
flashingBalls
fallingBall
dancingCube
swingingBall
creepingBug