animated_overflow

パッケージ概要

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

AnimatedOverflow は、水平または垂直方向にコンテンツのオーバーフローをスムーズにアニメーション化し、隠れた部分を表示するためにフェード効果を適用する Flutter ウィジェットです。テキストやウィジェットがコンテナの境界を超えたときに、繊細な遷移を提供することでユーザー体験を向上させます。コンテンツが拡張または収縮する動的なUIに最適で、モバイル、Web、デスクトップなど複数のプラットフォームをサポートしています。パッケージは軽量で簡単に統合可能であり、複雑なカスタムコードなしに洗練されたオーバーフローアニメーションが必要なアプリに適しています。

用途

スムーズなリベール付きの動的テキスト切り詰め
フェード効果付きの水平スクロール
リストの垂直オーバーフローアニメーション
コンテンツ拡張時のUIフィードバックの向上
モダンで応答性のあるレイアウトを作成する
カルーセル内のリスト項目のオーバーフローをアニメーション化

主な機能

スムーズなフェードイン/フェードアウトの遷移
水平および垂直のオーバーフローをサポート
軽量で最小限の依存関係
既存のウィジェットとの簡単な統合
クロスプラットフォーム互換性
アニメーションの持続時間とカーブを設定可能

適している対象

シンプルなオーバーフローアニメーションを求める開発者
視覚的フィードバックを強化するUIデザイナー
動的なコンテンツコンテナを備えたアプリ
繊細なモーション効果を必要とするプロジェクト
Flutter初心者がアニメーションを探求しています
拡張コンテンツを備えた応答性のあるアプリインターフェース

注意事項

基本的なフェードおよびスライド効果に限定
複雑なアニメーションには適していない
切り取りを避けるために、サイズの調整に注意が必要です
小〜中規模のオーバーフロー領域に最適
多数のインスタンスがあるとパフォーマンスに影響する可能性があります
組み込みオプション以外のカスタムアニメーションカーブはサポートしていません

元の README

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

A simple widget for animating overflowing content horizontally or vertically with fade.

Media | Description | How-to-Use

Media

Watch on Youtube:

v1.0.0

Description

This is a simple widget for animating overflowing content horizontally or vertically with fade.

How-to-Use

Simply create an AnimatedOverflow as shown in the example:

AnimatedOverflow({
    Key key,
    animatedOverflowDirection,
    child,
    maxHeight,
    maxWidth,
    padding : 0.0,
    speed   : 50})

Further Explanations:

For a complete set of descriptions for all parameters and methods, see the documentation.

The [animatedOverflowDirection] and [child] can't be null.
The [maxHeight] is only considered if [animatedOverflowDirection] is [AnimatedOverflowDirection.VERTICAL] and it should not be null.
The [maxWidth] is only considered if [animatedOverflowDirection] is [AnimatedOverflowDirection.HORIZONTAL] and it should not be null.

Notes

Any help, suggestion or criticism is appreciated!

Cheers.

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