套件概覽
一個 Flutter 套件,讓組件行為類似於 CSS 的 'position: sticky'——在捲動過程中保持可見,直到達到指定邊界。非常適合用於標題、導航列或任何應在內容捲動時保持在螢幕上的 UI 元素。此套件可在所有主要平台(包括 Android、iOS、Web、macOS、Windows 和 Linux)上運作,提供一致的黏性行為,無需撰寫原生平台特定程式碼。可輕鬆整合至現有的 Flutter 範本中,設定簡單。
適用情境
- 列表中的滾動標題
- 黏性導航欄
- 持久化操作按鈕
- 固定滾動視圖中的側邊面板
- 動態佈局元素,跟隨使用者捲動
- 表單中的浮動工具列
主要特色
- 類似 CSS 的黏性定位
- 跨平台相容性
- 最小設定
- 自動邊界檢測
- 支援嵌套滾動視圖
- 滾動時的平滑過渡
適合對象
- 開發可滾動介面的開發者
- 需要黏附式UI元件的設計師
- 包含長清單或表單的應用程式
- 需要響應式佈局的 Web 與行動應用程式
- 希望在跨平台環境中實現一致的黏性行為的團隊
使用建議
- 可能影響大型清單中的效能
- 需要仔細的佈局嵌套
- 不適合複雜的重疊場景
- 超出基本黏性行為之外的自訂功能有限
- 最適合與單向滾動的上下文一起使用
- 如果未妥善管理,可能與其他滾動控制器衝突