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

插件详情v0.0.2

animation_kit

A Flutter package providing a collection of animations and utilities to enhance your app's user experience.

AndroidiOSLinuxmacOSWebWindows
近 30 天下载
3.2万
喜欢数
3
Pub 分数
150

安装插件

flutter pub add animation_kit

插件介绍

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

Animation Kit is a Flutter package that offers a curated set of animations and utilities designed to elevate user experience in mobile and web applications. It provides ready-to-use animation components, easing functions, and transition helpers, enabling developers to implement smooth, engaging interactions without writing complex code from scratch. The package supports multiple platforms including Android, iOS, Web, and desktop environments, making it versatile for cross-platform projects. With an intuitive API and well-documented examples, it simplifies the integration of professional-grade animations into apps.

适合场景

  • Enhancing UI transitions
  • Adding micro-interactions
  • Creating loading indicators
  • Improving onboarding experiences
  • Animating list items
  • Building interactive buttons

主要特点

  • Pre-built animation components
  • Customizable easing curves
  • Cross-platform support
  • Simple API integration
  • Lightweight and modular design
  • Responsive animation handling

适合对象

  • UI/UX designers seeking quick animations
  • Developers building interactive apps
  • Teams focused on polished user experiences
  • Flutter beginners exploring animations
  • Projects requiring consistent visual feedback

使用建议

  • May require additional styling for custom themes
  • Limited advanced animation control
  • Best suited for moderate complexity animations
  • Not ideal for highly customized or unique animation logic
  • Dependent on Flutter's rendering pipeline

原始 README

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

Animation Kit

A Flutter package providing a collection of utilities and widgets for creating advanced animations with ease.

Features

  • Customizable animation builders.
  • Repeated animations with various modes (e.g., repeat, reverse, ping-pong).
  • Implicit animations for smooth transitions.
  • Crossfade transitions between widgets.
  • Interval-based animation curves.
  • Utility functions for interpolating values like colors, offsets, and sizes.

Installation

Add the following to your pubspec.yaml:

dependencies:
  animation_kit: ^1.0.0

Then run:

flutter pub get

Usage

Repeated Animation
import 'package:animation_kit/animation_kit.dart';

RepeatedAnimationBuilder<double>(
  start: 0.0,
  end: 1.0,
  duration: Duration(seconds: 2),
  mode: RepeatMode.pingPong,
  builder: (context, value, child) {
    return Opacity(
      opacity: value,
      child: child,
    );
  },
  child: Text('Ping-Pong Animation'),
);
Crossfade Transition
import 'package:animation_kit/animation_kit.dart';

CrossFadedTransition(
  child: Text('New Widget'),
  duration: Duration(milliseconds: 500),
);
Custom Curve
import 'package:animation_kit/animation_kit.dart';

AnimationController controller = AnimationController(
  duration: const Duration(seconds: 2),
  vsync: this,
);

Animation<double> animation = CurvedAnimation(
  parent: controller,
  curve: IntervalDuration(
    start: Duration(milliseconds: 500),
    end: Duration(seconds: 1),
    duration: Duration(seconds: 2),
  ),
);
Implicit Animation
import 'package:animation_kit/animation_kit.dart';

AnimatedValueBuilder<double>(
  value: 1.0,
  duration: Duration(seconds: 1),
  builder: (context, value, child) {
    return Transform.scale(
      scale: value,
      child: child,
    );
  },
  child: Icon(Icons.star, size: 50),
);

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bugfix.
  3. Commit your changes with clear messages.
  4. Submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

所属分类

源码仓库

使用此插件的项目

暂无相关数据。

所在榜单