Skip to main content

使用 sliver 實現華麗的捲動效果

關於如何在 Flutter 中使用 sliver 實現彈性捲動等華麗捲動效果的相關資訊。

sliver 是可捲動區域的一部分,你可以自訂其特殊的行為。 你可以利用 sliver 來實現自訂的捲動效果, 例如彈性捲動。

如果你想參加免費、由講師帶領並使用 DartPad 的影片工作坊, 可以參考以下關於 sliver 的教學影片。

Watch on YouTube in a new tab: "Building scrolling experiences in Flutter"

資源

#

如需更多在 Flutter 中實現華麗捲動效果的資訊,請參考以下資源:

Slivers, Demystified

一篇 Medium 免費文章,說明如何利用 sliver 類別 實作自訂捲動效果。

SliverAppBar

一分鐘的「本週元件 (Widget-of-the-week)」影片, 概述 SliverAppBar 元件 (Widget)。

Watch on YouTube in a new tab: "SliverAppBar | Flutter widget of the week"

SliverList and SliverGrid

一分鐘的「本週元件 (Widget-of-the-week)」影片, 概述 SliverListSliverGrid 元件。

Watch on YouTube in a new tab: "SliverList & SliverGrid | Flutter widget of the week"

Slivers explained - Making dynamic layouts

The Boring Show 的一集 50 分鐘節目, 由 Flutter 技術負責人 Ian Hickson 與 Filip Hracek 一同討論 sliver 的強大功能。

Watch on YouTube in a new tab: "Slivers explained - Making dynamic layouts"

API 文件

#

想進一步了解可用的 sliver API,請參閱以下相關 API 文件: