跳至主要內容

捲動

Flutter 有許多內建的元件可以自動捲動,並提供多種可自訂的元件來建立特定的捲動行為。

基本捲動

#

許多 Flutter 元件都支援開箱即用的捲動功能,並為您完成大部分工作。例如,SingleChildScrollView 會在必要時自動捲動其子元件。其他有用的元件包括 ListViewGridView。您可以在元件目錄的捲動頁面上查看更多這些元件。


捲軸 | Flutter 每週元件


ListView | Flutter 每週元件

無限捲動

#

當您的 ListViewGridView 中有很長的項目列表(包括無限列表)時,您可以在它們捲動到視野中時按需建立項目。這會提供更好的捲動效能。如需更多資訊,請查看 ListView.builderGridView.builder

特殊捲動元件

#

以下元件提供更特定的捲動行為。

關於使用 DraggableScrollableSheet 的影片


DraggableScrollableSheet | Flutter 每週元件

使用 ListWheelScrollView 將可捲動區域變成滾輪!


ListWheelScrollView | Flutter 每週元件

進階捲動

#

也許您想要實現彈性捲動,也稱為捲動回彈。或者,您可能想要實現其他動態捲動效果,例如視差捲動。或者,您可能想要一個具有非常特定行為的捲動標頭,例如縮小或消失。

您可以使用 Flutter Sliver* 類別來實現所有這些功能以及更多功能。Sliver 指的是可捲動區域的一部分。您可以定義 sliver 並將其插入 CustomScrollView 中,以便更精細地控制該區域。

如需更多資訊,請查看使用 sliver 實現進階捲動Sliver 類別

巢狀捲動元件

#

如何在不影響捲動效能的情況下,將捲動元件巢狀放置在另一個捲動元件中?您是否將 ShrinkWrap 屬性設定為 true,還是使用 sliver?

查看「ShrinkWrap vs Slivers」影片


ShrinkWrap vs Slivers | 解碼 Flutter