animation_wrappers

插件介绍

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

Animation Wrappers 是一个 Flutter 包，提供了一组 widget 包装器，可轻松为任何子 widget 添加动画效果。只需将 widget 简单地包裹在提供的动画包装器中，开发者即可应用流畅的进入效果、过渡效果和视觉增强，而无需编写自定义动画代码。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，非常适合需要精美 UI 交互的跨平台应用程序。它轻量且设计简洁，专注于快速集成和一致的结果。

适合场景

向UI元素添加进入动画
创建微妙的悬停或轻触效果
增强列表项过渡效果
改进入门屏幕
在仪表板中为静态内容添加动画效果
简化重复的动画逻辑

主要特点

易于使用的包装器小部件
支持多种动画类型
跨平台兼容性
所需的样板代码最少
轻量且高效
无需复杂的 AnimationController 设置

适合对象

初学者 Flutter 开发者
UI/UX 设计师实现动画
需要快速动画集成的项目
动态内容布局的应用程序
专注于用户体验提升的开发者

使用建议

与手动动画相比，自定义选项有限
可能不支持高级动画序列
最适合简单的常见动画模式
不太适合高度复杂或独特的动画
取决于包更新以获取新功能

原始 README

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

Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.

Getting Started

To use this package, add animation_wrappers as a dependency in your pubspec.yaml file.

:star_struck: :heart_eyes: Major Update :heart_eyes: :star_struck:

See example for all animation wrappers

Add dependency

dependencies:
  animation_wrappers: ^3.0.2

Import

import 'package:animation_wrappers/animation_wrappers.dart';

Usage: FadedScaleAnimation

FadedScaleAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: FadedSlideAnimation

FadedSlideAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
    beginOffset: Offset(0.5, 2),
    endOffset: Offset(0.5, 1),
),

Usage: FadeAnimation

FadeAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: ScaleAnimation

ScaleAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Many more animation wrappers will be added soon..!

Made with :heart: by Jagrit

搜索插件、代码仓与 APP 分类