Flutter 8 个优秀动画 Packages

Flutter 8 个优秀动画 Packages

前言

动画关于使移动应用程序的用户界面感觉自然流畅至关重要。加上交互式元素和滑润的过渡,它们使应用程序简略易用。

正文

Flutter Animate 组件 Package

pub.dev/packages/fl…

一个 performant 库,使得在 Flutter 增加简直任何方法的动画作用都很简略。

  1. 预先建立的作用,如褪色,缩放,幻灯片,翻转,模糊,震动,微光,和颜色作用(饱和度和淡色)
  2. 简略的自定义作用和简化的动画构建器
  3. 同步动画滚动,告诉,或任何东西
  4. 综合活动

Flutter 8 个优秀动画 Packages

所有这些都是经过一个简略的、统一的 API 实现的,而不需要与 AnimationController 和 StatificWidget 混淆。

Flutter 8 个优秀动画 Packages

Flutter Animate 是一个 库 libraries ,它使得在 Flutter 增加简直任何类型的动画作用变得简略。该库提供了各种预先构建的产品,如突变、缩放、幻灯片、模糊、抖动、微光和颜色作用(饱和度和淡色) ,这些都能够很容易地增加到您的应用程序中。

Flutter 8 个优秀动画 Packages

此外,Flutter Animate 简化了创立自定义动画构建器的过程,使得动画与滚动事情、告诉器或其他任何东西的同步变得容易。凭借其统一的 API 和集成的事情, Flutter 动画是理想的解决方案为您的动画的需要。

Curved Navigation Bar 组件 Package

pub.dev/packages/cu…

一个轻松实现的弧形导航条的 Flutter 软件包。新的曲线导航栏是一个惊人的除了任何移动应用程序。您能够调整它的颜色,背景和动画曲线为您想要的外观!它乃至带有可定制的动画,将彻底适合你,所以不要错过这一个!

Flutter 8 个优秀动画 Packages

Simple Animations 组件 Package

pub.dev/packages/si…

动画是一个伟大的方法增加样式和动画到您的应用程序。经过 simple_animations,您能够当即创立自定义动画!不需要有状况的 widget 或杂乱的代码ーー只需从设备中挑选将被动画化的特点,然后单击“ Animate”

您不仅能够拜访标准的开始/结束状况,还能够拜访不同的淡入/淡出速度,具体取决于这里最适合的作用(优雅)。

Flutter 8 个优秀动画 Packages

Simple Animations 简化了创立美丽的自定义动画的过程:

  • 在无状况 widget 中轻松创立自定义动画
  • 一次动画多个特点
  • 在几秒钟内创立交织的动画
  • 运用 AnimationController 实例简化操作
  • 调试动画

Shimmer Animation 组件 Package

pub.dev/packages/sh…

这个微光动画 widget 能够帮助您带来简略而美丽的骨架加载程序到您的项目轻松。

Flutter 8 个优秀动画 Packages

在整个开发社区中,Shimmer 被非常广泛地用作骨架加载器或占位符 widget 的默许动画。因此,有一个易于运用,但可定制的 widget 预备用于 AndroidiOS,和网络给了开发人员一个优势,专注于他们的实际功用,让闪光使加载体验愈加滑润。

Flutter Sequence Animation 组件 Package

pub.dev/packages/fl…

运用这个库,您能够将任何动画与多功用和易于运用的动画结合起来。

Flutter 8 个优秀动画 Packages

没有必要运用距离或百分比核算。动画相同的变量与一个以上的动画!您只需要一个 AnimationController。界面直观,易于运用。

Flutter 8 个优秀动画 Packages

特征:

  • 不需要运用距离和核算百分比为您的总动画时间。
  • 动画相同的变量与多个动画!
  • 您只需要一个 AnimationController
  • 直观易用的界面。

Flutter 8 个优秀动画 Packages

Animated 组件 Package

pub.dev/packages/an…

Animated 是为 Flutter 创立的一个非常简略(但功用强大)的隐式动画库。

Its goal is to be able to create a smooth animation between two values when an AnimatedContainer is not enough.

它的方针是当 AnimatedContainer 不行时,能够在两个值之间创立滑润的动画。

Spring 组件 Package

pub.dev/packages/sp…

Spring Flutter 动画工具包是一个功用强大,但简略的预先构建的软件包,为开发人员谁想要建立更快的应用程序。

Flutter 8 个优秀动画 Packages

Animated Text Kit 组件 Package

pub.dev/packages/an…

这个库包含了一系列很酷很棒的文本动画。它支撑旋转,淡出,打字机,打字机,缩放,彩色,文本液体填充,波涛,闪耀,和自定义动画。

结束语

假如本文对你有帮助,请转发让更多的朋友阅读。

也许这个操作只要你 3 秒钟,对我来说是一个激励,感谢。

祝你有一个美好的一天~


猫哥

  • 微信 ducafecat

  • wiki.ducafecat.tech

  • video.ducafecat.tech