跳到主內容

使用 Slivers 實現炫酷滾動效果

瞭解如何在 Flutter 中使用 Slivers 實現彈性滾動等炫酷滾動效果的相關資訊。

Sliver 是可滾動區域的一部分,你可以將其定義為以特殊方式執行。你可以使用 Slivers 實現自定義的滾動效果,例如彈性滾動。

如需觀看使用 DartPad 的免費講師指導影片研討會,請檢視以下關於使用 Slivers 的影片。

在新標籤頁中觀看 YouTube 影片:“在 Flutter 中構建滾動體驗”

資源

#

有關在 Flutter 中實現炫酷滾動效果的更多資訊,請參閱以下資源

Slivers, Demystified(揭秘 Slivers)

Medium 上的一篇免費文章,解釋瞭如何使用 sliver 類實現自定義滾動。

SliverAppBar

一分鐘的“每週元件”(Widget-of-the-week) 影片,概述了 SliverAppBar 元件。

在新標籤頁中觀看 YouTube 影片:“SliverAppBar | Flutter 每週元件”

SliverList 和 SliverGrid

一分鐘的“每週元件”(Widget-of-the-week) 影片,概述了 SliverListSliverGrid 元件。

在新標籤頁中觀看 YouTube 影片:“SliverList & SliverGrid | Flutter 每週元件”

Slivers explained - Making dynamic layouts(Slivers 詳解 - 構建動態佈局)

The Boring Show》的一期 50 分鐘影片,Flutter 技術負責人 Ian Hickson 和 Filip Hracek 在節目中探討了 Slivers 的強大功能。

在新標籤頁中觀看 YouTube 影片:“Slivers explained - Making dynamic layouts”

API 文件

#

要了解有關可用 sliver API 的更多資訊,請檢視以下相關的 API 文件