Flutter 中的 SliverAppBar 和 SliverPersistentHeader 有啥区别?

Posted

技术标签:

【中文标题】Flutter 中的 SliverAppBar 和 SliverPersistentHeader 有啥区别?【英文标题】:what is the difference between SliverAppBar and SliverPersistentHeader in Flutter?Flutter 中的 SliverAppBar 和 SliverPersistentHeader 有什么区别? 【发布时间】:2022-01-11 22:05:35 【问题描述】:

SliverAppBar 和 SliverPersistentHeader 的主要区别是什么?

它们的使用目的最大的不同是什么?

【问题讨论】:

SliverPersistentHeader 可用于创建具有自定义行为的SliverAppBar。查看链接了解更多信息:youtube.com/… 【参考方案1】:

SliverAppBar:

SliverAppBar 是 Fl​​utter 中的 Material Design 小部件,可提供可滚动或可折叠的应用栏。此处将 Sliver 一词用于可滚动区域。 SliverAppBar 基本上为我们提供了创建应用栏的方法,它可以改变外观、融入背景,甚至在我们滚动时消失。

SliverPersistentHeader :

当条子滚动到与条子的GrowthDirection 相对的视口边缘时,条子的大小会发生变化。在正常情况下,CustomScrollView 没有居中的条子,当滚动到视口的前缘时,条子的大小会发生变化。

另见this 视频。对于SliverAppBarSliverPersistentHeader

参考SliverAppBarhere

参考SliverPersistentHeaderhere

【讨论】:

以上是关于Flutter 中的 SliverAppBar 和 SliverPersistentHeader 有啥区别?的主要内容,如果未能解决你的问题,请参考以下文章

在 Flutter 应用程序中更改 SliverAppBar 标题颜色

Flutter SliverAppBar 和 SliverList 有不同的滚动条

向下滚动时隐藏的 Flutter TabBar 和 SliverAppBar

如何在您的Flutter应用程序中添加SliverAppBar

Flutter:使用 ListView.builder 消失的 SliverAppBar

Flutter之SliverAppBar