トップのフラッターアニメーションとトランジションのパッケージ アニメーション(またはトランジション)は、イメージ、ウィジェット、ルートなどの動きの幻想を作り出すプロセスです。アニメーションの賢い利用は、静的なバージョンと比較して、どのFlutterアプリもより生き生きと、心地よく、スマートに見せることができます。 アニメーションを触覚の反応にリンクさせることで、より具体的で現実的なユーザーエクスペリエンスが生まれ、その結果、アプリのユーザーに対する認知負荷が低減されます。特定のアクションを実行した後、ユーザーがアプリから「動きやリアルな反応」を受けると、脳はすべてのステップをより速く記憶し、ユーザーの学習曲線を下げます。 Flutterはアニメーションとトランジションに対して豊富な組み込みサポートを提供していますが、アプリにより適した迅速で複雑なカスタマイズ可能なアニメーションを追加するためのいくつかのパッケージがあります。また、LottieやRiveなどの効率的な最新のアニメーションファイル形式にアクセスするのに役立つパッケージもあります。以下にアニメーションとトランジションのフラッターパッケージの完全なリストをチェックすることができます。
flutter_staggered_animations
1960
Material Designのガイドラインに示されているように、ListView、GridView、Column、Rowの子要素に簡単にスタガードアニメーションを追加できます。
flutter_animator
324
ユニット毎の少ないコードでアニメーションを作成するためのパッケージです。このパッケージを使用すると、時間の割合に基づいて複数のアニメーションを組み合わせて連鎖させることができます。
circular_reveal_animation
244
円形のリヴィールアニメーションをフラッターウィジェットとして提供します。AndroidのViewAnimationUtils.createCircularReveal(...)に触発されました。
animated_widgets
169
AnimatedWidgetsを使用して画面に簡単にアニメーションを追加できます。常にコンポーネントツリーにアニメーションウィジェットを追加し、アニメーションをアクティブにするタイミングで活性化します。
zoom_tap_animation
116
Zoom Tap Animationでは、App Storeの「今日」タブのアイテムと同様の効果を作成できます。アイテムを長押しするとズームインしてズームアウトします。
flutter_sinusoidals
109
フラッターパッケージで、お好みでサイン波を視覚化するのに役立ちます。すべての基本的な波形に加えて、カスタマイズ可能な波形といくつかの事前定義された波形がサポートされています。
flip_board
87
FlipBoardはFlipWidgetの構成で、フリップアニメーションでコンテンツの変更をアニメーション化するウィジェットです。FlipFraseBoard、FlipMatrix、FlipClockなどが含まれています。
pro_animated_blur
65
ProAnimatedBlurは、子ウィジェットの下部領域をぼかすウィジェットであり、AnimatedContainer、AnimatedOpacityのように動作します。
motion_widget
65
クールなトランジションを構築するためのシンプルでパワフルなウィジェットです。初期化、状態の変更、コードのクリーンアップなど、すべてのアニメーションの雛型コードを処理し、各間隔でアニメーションを制御できるようにします。
jelly_anim
53
このパッケージにはジェリーアニメーションが含まれています。ユーザーはダイナミックにジェリーやビューポートのサイズ、ジェリーの座標、オーバーフローフラグを変更したり、ユーザーの要件に合わせてカスタマイズすることができます。
yoda
45
任意の種類の子ウィジェットをタイルの行列でスライスし、異なる方法でアニメーションさせることができるFlutterウィジェットです。現在、Explode、Vortex、Flakesがあります。
phlox_animations
43
Flutter phlox_animationsは、美しいカスタムアニメーションを作成するためのシンプルなパッケージです。複数のプロパティを一度にアニメーション化し、さまざまな機能で構成されています。
ripple_backdrop_animate_route
36
リップルの背景を持つリップルアニメーションです。透明なページを作成し、ウィジェットをアニメートするリップルの背景アニメーションを作成します。任意のウィジェットを配置し、効果をカスタマイズできます。
animated_page_transition
34
このパッケージは、アニメーションが付いたページ遷移のためのものです。pubspec.yamlファイルにanimation_page_transitionの依存関係を追加してください。次に、パッケージを実装ファイルにインポートし、簡単にアニメーションされたページ遷移を実装できます。
tdk_bouncingwidget
13
クリック時にFlutterウィジェット内でバウンドアニメーションを実現するための軽量なフラッターパッケージ。3つのタイプのバウンドアニメーションが提供されています。