animation_wrappers

パッケージ概要

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

Animation Wrappers は、任意の子ウィジェットにアニメーションを簡単に追加できるウィジェットラッパーのコレクションを提供するFlutterパッケージです。提供されているアニメーションラッパーの1つでウィジェットをラップするだけで、カスタムアニメーションコードを書かずにスムーズなエントリ効果、遷移、視覚的な強化を適用できます。このパッケージは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

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