flutter 基础 —— CustomScrollView 与 Slivers

一、CustomScrollView 的作用

创建一个公共的 Scrollable 和 Viewport ,然后它的 slivers 参数接受一个 Sliver 数组

 

二、常用 Sliver 组件对照表

 

滚动 sliver

Sliver名称功能对应的可滚动组件
SliverList 列表 ListView
SliverFixedExtentList 高度固定的列表 ListView,指定itemExtent
SliverAnimatedList 添加/删除列表项可以执行动画 AnimatedList
SliverGrid 网格 GridView
SliverPrototypeExtentList 根据原型生成高度固定的列表 ListView,指定prototypeItem 时
SliverFillViewport 包含多给子组件,每个都可以填满屏幕 PageView

 

布局、装饰类

Sliver名称对应 RenderBox
SliverPadding Padding
SliverVisibility、SliverOpacity Visibility、Opacity
SliverFadeTransition FadeTransition
SliverLayoutBuilder LayoutBuilder
SliverFillRemaining  

 

其它常用 sliver

SliverAppBar 对应 AppBar,主要是为了在 CustomScrollView 中使用。
SliverToBoxAdapter 一个适配器,可以将 RenderBox 适配为 Sliver,后面介绍。
SliverPersistentHeader 滑动到顶部时可以固定住,后面介绍。

233

posted on 2022-01-16 16:39  Lemo_wd  阅读(388)  评论(0编辑  收藏  举报

导航