跳到主内容

使用 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 文档