搜索分类、插件与代码仓

插件详情v2.0.0

animated

一个非常简单(但功能强大)的 Flutter 隐式动画库。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
8550
喜欢数
31
Pub 分数
130

安装插件

flutter pub add animated

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

动画包是为Flutter设计的一个轻量级但功能强大的隐式动画库,旨在简化流畅、声明式动画的创建。它提供了直观的API,用于动画化不透明度、位置和缩放等属性,而无需显式管理AnimationController。非常适合希望在多个平台上使用简洁、可读代码实现常见动画模式的开发者。

适合场景

  • 创建淡入/淡出效果
  • 动画化小部件位置
  • 使用平滑过渡缩放控件
  • 在用户界面中添加细微的视觉反馈
  • 使用最少的代码构建交互式组件

主要特点

  • 隐式动画处理
  • 最小化样板代码
  • 跨平台支持
  • 用于常见动画的简单 API
  • 声明式语法

适合对象

  • 初学者 Flutter 开发者
  • 需要快速动画的项目
  • 通过最小的努力实现UI增强
  • 面向多个平台的应用程序
  • 开发者避免使用复杂的动画控制器

使用建议

  • 仅限基本动画类型
  • 不适合复杂的自定义动画
  • 可能需要额外的包以实现高级效果
  • 与原始 AnimationController 相比,控制力度更小
  • 最适合简单且可预测的动画

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Animated

Animated is a very simple (yet powerful) implicit animation library made for Flutter.

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

@override
Widget build(BuildContext context) {
  return Animated(
    value: 1.2,
    curve: Curves.easeInOut,
    duration: Duration(milliseconds: 300),
    builder: (context, child, animation) => Transform.scale(
      scale: animation.value,
      child: child,
    ),
    child: Container(
      width: 40,
      height: 40,
      color: Colors.red,
    ),
  );
}

In this example, whenever the value changes, the builder function will be called at each frame, from the old value to the new one.

Any widget that is not modified by the animation should be moved to the child property for optimization.

所属分类

源码仓库

使用此插件的项目

暂无相关数据。