カテゴリー・パッケージ・リポジトリを検索

パッケージ詳細v2.0.0

animated

Flutter用の非常にシンプル(かつ強力)な暗黙的なアニメーションライブラリ。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
8550
いいね数
31
Pub ポイント
130

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

flutter pub add animated

パッケージ概要

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

アニメーションパッケージは、Flutter向けの軽量でありながら強力な暗黙的なアニメーションライブラリで、スムーズで宣言的なアニメーションの作成を簡素化することを目的としています。AnimationControllerの明示的な管理を必要とせずに、不透明度、位置、スケールなどのプロパティをアニメーション化するための直感的なAPIを提供します。複数のプラットフォームで一般的なアニメーションパターンを簡潔かつ読みやすいコードで実装したい開発者に最適です。

用途

  • フェードイン/フェードアウト効果の作成
  • ウィジェットの位置をアニメーション化
  • スムーズなトランジションでウィジェットをスケーリングする
  • UIに繊細な視覚フィードバックを追加する
  • 最小限のコードでインタラクティブコンポーネントを構築する

主な機能

  • 暗黙的なアニメーション処理
  • 最小限のボイラープレート
  • クロスプラットフォーム対応
  • 一般的なアニメーション向けのシンプルな API
  • 宣言的構文

適している対象

  • 初心者のFlutter開発者
  • 迅速なアニメーションが必要なプロジェクト
  • 最小限の努力でUIを向上
  • 複数のプラットフォームをターゲットにするアプリ
  • 複雑なアニメーションコントローラーを避ける開発者

注意事項

  • 基本的なアニメーションタイプに限定
  • 複雑なカスタムアニメーションには向かない
  • 高度な効果を実現するには、追加のパッケージが必要になる場合があります
  • 生の AnimationController と比較して、制御が少ない
  • シンプルで予測可能なアニメーションに最適

元の README

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

Animated

Animated is a very simple (yet powerful) implicit animation library made for Flutter.

Its goal is to be able to create a smooth animation between two values when an AnimatedContainer is not enough.

@override
Widget build(BuildContext context) {
  return Animated(
    value: 1.2,
    curve: Curves.easeInOut,
    duration: Duration(milliseconds: 300),
    builder: (context, child, animation) => Transform.scale(
      scale: animation.value,
      child: child,
    ),
    child: Container(
      width: 40,
      height: 40,
      color: Colors.red,
    ),
  );
}

In this example, whenever the value changes, the builder function will be called at each frame, from the old value to the new one.

Any widget that is not modified by the animation should be moved to the child property for optimization.

カテゴリー

ソースリポジトリ

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

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