搜尋套件、儲存庫與 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.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。

所在榜單