滾動
Flutter 內建了許多會自動滾動的元件,還提供了多種可自定義的元件,用於建立特定的滾動行為。
基本滾動
#許多 Flutter 元件都支援開箱即用的滾動,併為您完成了大部分工作。例如,SingleChildScrollView 會在必要時自動滾動其子元件。其他有用的元件包括 ListView 和 GridView。您可以在元件目錄的滾動頁面上檢視更多此類元件。
在新標籤頁中觀看 YouTube 影片:“Scrollbar | Flutter widget of the week”
無限滾動
#當您的 ListView 或 GridView 中有大量專案(包括無限列表)時,您可以根據需要,在專案滾動到檢視中時按需構建它們。這提供了更高效的滾動體驗。欲瞭解更多資訊,請檢視 ListView.builder 或 GridView.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”