Flutter 內建了許多會自動滾動的元件,還提供了多種可自定義的元件,用於建立特定的滾動行為。

基本滾動

#

許多 Flutter 元件都支援開箱即用的滾動,併為您完成了大部分工作。例如,SingleChildScrollView 會在必要時自動滾動其子元件。其他有用的元件包括 ListViewGridView。您可以在元件目錄的滾動頁面上檢視更多此類元件。

在新標籤頁中觀看 YouTube 影片:“Scrollbar | Flutter widget of the week”

在新標籤頁中觀看 YouTube 影片:“ListView | Flutter widget of the week”

無限滾動

#

當您的 ListViewGridView 中有大量專案(包括無限列表)時,您可以根據需要,在專案滾動到檢視中時按需構建它們。這提供了更高效的滾動體驗。欲瞭解更多資訊,請檢視 ListView.builderGridView.builder

專用可滾動元件

#

以下元件提供了更具體的滾動行為。

關於使用 DraggableScrollableSheet 的影片

在新標籤頁中觀看 YouTube 影片:“DraggableScrollableSheet | Flutter widget of the week”

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

在新標籤頁中觀看 YouTube 影片:“ListWheelScrollView | Flutter widget of the week”

炫酷滾動

#

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

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

欲瞭解更多資訊,請檢視使用 sliver 實現炫酷滾動Sliver 類

巢狀滾動元件

#

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

檢視“ShrinkWrap vs Slivers”影片

在新標籤頁中觀看 YouTube 影片:“ShrinkWrap vs Slivers | Decoding Flutter”