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

套件詳情v4.1.1

fading_edge_scrollview

提供 FadingEdgeScrollView 的套件,可讓您建立具有漸隱邊緣的可捲動檢視

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
17.6萬
喜歡數
129
Pub 分數
160

安裝套件

flutter pub add fading_edge_scrollview

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

FadingEdgeScrollView 是一個 Flutter 套件,透過在捲動視圖的頂部和底部加入平滑的漸隱邊緣來增強可捲動元件。當內容捲動時,它提供視覺上吸引人的效果,讓使用者更容易感知捲動方向與邊界。非常適合用於清單、網格或任何需要細微視覺提示以改善使用者體驗的可捲動內容。此套件支援所有主要平台,包含 Android、iOS、Web、macOS、Windows 與 Linux。

適用情境

  • 透過視覺滾動提示增強清單可讀性
  • 在應用程式中創建優雅的滾動效果
  • 在長滾動內容中提升使用者體驗
  • 為自訂滾動視圖添加精緻的視覺效果
  • 在具有垂直滾動的儀表板中使用

主要特色

  • 平滑的漸變邊緣效果
  • 跨平台相容性
  • 輕鬆整合至現有的可捲動元件
  • 可自訂的漸變強度
  • 支援垂直與水平捲動

適合對象

  • 注重設計的 Flutter 開發者
  • 需要精細滾動互動的應用
  • 尋求視覺精緻的UI/UX設計師
  • 開發內容密集型介面的開發者
  • 追求原生捲動美學的專案

使用建議

  • 在低階設備上可能需要效能調校
  • 超出淡入外觀以外的自訂選項有限
  • 不適合高度動態的滾動內容
  • 最佳搭配一致的背景顏色使用
  • 需要仔細的樣式設定以避免視覺雜亂

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

fading_edge_scrollview

Package providing FadingEdgeScrollView which allows you to build scrollable views with fading edges

Usage

Create FadingEdgeScrollView by calling one of constructors depending on your scroll view class. Unfortunately scrollable view don't share same interface so there are separate constructors for:

  • ScrollView (most scrollable views inherit from this class) FadingEdgeScrollView.fromScrollView
  • SingleChildScrollView FadingEdgeScrollView.fromSingleChildScrollView
  • PageView FadingEdgeScrollView.fromPageView
  • AnimatedList FadingEdgeScrollView.fromAnimatedList
  • ListWheelScrollView FadingEdgeScrollView.fromListWheelScrollView

View passed as child MUST have controller set.

See documentation and example folder for more information

Breaking change in version 4.0.0

Field shouldDisposeScrollController was removed. I was not realizing how widgets should work when I added it. If you were using it - move scrollController creation and disposal to some StatefulWidget.

Demo

Click to see on Youtube:
ListView with images demo ListView demo PageView demo SingleChildScrollView demo

所屬分類

原始碼儲存庫

使用此套件的專案