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.

搜尋套件、儲存庫與 APP 分類