パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v0.0.2

animated_flutter_widgets

この多機能パッケージを使用すると、任意のウィジェットに魅力的なアニメーションを簡単に追加でき、事前に設計されたアニメーションウィジェットも提供しています。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
71
いいね数
56
Pub ポイント
140

パッケージをインストール

flutter pub add animated_flutter_widgets

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

開発者が任意のウィジェットに魅力的なアニメーションを簡単に追加できる、汎用性の高いFlutterパッケージです。事前に設計されたアニメーション付きウィジェットのコレクションを提供し、UIのインタラクティビティと視覚的魅力を高めるプロセスを簡素化します。すべての主要プラットフォームをサポートしており、大規模なカスタムアニメーションコードを書かずに、魅力的なユーザー体験を作成するのに最適です。このパッケージはドキュメントが充実しており、既存のプロジェクトへの統合もスムーズです。

用途

  • 動的なUI要素の作成
  • アプリのオンボーディング画面の強化
  • ボタンにマイクロインタラクションを追加する
  • リストアイテムのアニメーション
  • 視覚的フィードバックによるユーザー参加の向上

主な機能

  • 事前構築されたアニメーションウィジェット
  • 既存のUIとの簡単な統合
  • クロスプラットフォーム対応
  • 最小限のボイラープレートコード
  • スムーズなパフォーマンス
  • カスタマイズ可能なアニメーションパラメータ

適している対象

  • 視覚的な魅力を求めるUIデザイナー
  • インタラクティブなアプリを開発する開発者
  • 洗練されたUXに注力するスタートアップ
  • 魅力的なコンテンツを備えた教育アプリ
  • 繊細ながらも効果的なアニメーションを必要とするアプリ

注意事項

  • バンドルサイズがわずかに増加する可能性があります
  • 基本的なアニメーションのコンセプトを理解している必要がある
  • 低スペックデバイスへのパフォーマンスへの影響
  • 高度な効果のカスタマイズが限定的
  • 非常に複雑なアニメーションシーケンスには適していません

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

pub package


animated_flutter_widgets



Introduction

Elevate your Flutter app's user interface to a whole new level with animated_flutter_widgets. This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a collection of pre-designed animated widgets for accelerated development.

Supported platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows
  • Linux

Features

* Steady Animations

screen

* Continuous Animations

screen

* Page Transition Animations

screen

* Button Tap Animations

screen

* Animated ListViews

screen

* Animated GridViews

screen

* Animated AppBars

screen

Usage

/// Check example project to explore other animations as well
/// To use these animations(Steady, Continuous & Tap Animations) wrap your widget inside the animation widgets
SlideInAnimation(
 direction: Direction.right,
 duration: const Duration(seconds: 1),
 child: YourWidget()
);

Cube3DAnimation(
 sideLength: 100,
 duration: const Duration(seconds: 4),
 isContinuous: true,
 child: YourWidget()
);

LongTapAnimation(
// pressDuration: Duration(seconds: 0),
 child: YourWidget()
);

/// To use Animated ListView & GridView
AnimatedListViewBuilder(
 itemCount: 25, // Change this to your desired item count
 customColor: ColorUtility.magenta, // Use this if you are using CollectionAnimationType.listColored
 animationType: CollectionAnimationType.leftScale, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

AnimatedGridViewBuilder(
 itemCount: 25, // Change this to your desired item count
 animationType: CollectionAnimationType.scaleOut, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

/// To use Animated AppBar
SlideInAnimatedAppBar(
 backgroundColor: ColorUtility.magenta,
 animationDuration: 1000,
 title: const Text('Second Page'),
)

/// To use Page Transition Animations
Navigator.push(context,PopAndScaleTransition(page: YourPage()));

Example

Check out the example

License

MIT License

Issues and feedback

If you have any suggestions for including a feature or if something doesn't work, feel free to open a Github issue or to open a pull request, you are more than welcome to contribute!

Contributor

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。