Flutter扩展NestedScrollView(一)固定头引起的bug解决

这一篇的篇幅估计很多,请先买好瓜子汽水前排坐好,开车了…

NestedScrollView是一个复杂的组件,它跟Sliver系列是一伙的,最下层是个CustomScrollView。

银色系列的东东很多,我们下面来一一介绍一下。

1.CustomScrollView

是银组件的老祖宗,全部的银都放在这个里面。

2.SliverList ,它是一个显示儿童线性列表的条子。

3.SliverFixedExtentList

,它是一个更有效的条子,显示沿着滚动轴具有相同范围的子项的线性列表。比SliverList多一个就是相同的行高。这样性能会更好

4.SliverPrototypeExtentList

SliverPrototypeExtentList将其子项排列在沿着主轴的一条线上,从零偏移开始,没有间隙。每个子项的约束程度与沿主轴的prototypeItem和沿横轴的SliverConstraints.crossAxisExtent的程度相同。

5.SliverGrid

,它是一个显示2D儿童阵列的条子。可以设置每行的个数的网格

6.SliverPaddin

g ,这是一条在另一条棉条周围增加空白的条子。

7.SliverPersistentHeader

条子滚动到视口前缘时尺寸不同的条子。这是SliverAppBar用于缩小/增长效果的布局基元。

非常好用的组件,SliverAppBar就是用这个实现的。这个组件的特点是可以创建出随着滑动变化的可以已固定的元素,大家经常用的什么吸顶组件可以用这个很方便的构建,后面我会使用这个写一个自定义效果的SliverAppbar。

8.SliverAppBar

,它是一个显示标题的条子,可以在滚动视图滚动时展开和浮动。

9.SliverToBoxAdapter

当你想把一个非银的控件放在CustomScrollview里面的时候,你需要用这个包裹一下。

10.SliverSafeArea

通过足够的填充来插入另一条条子以防止操作系统入侵的条子。例如,这将使条子缩进足以避开屏幕顶部的状态栏。为了防止各种边界的越界,比如说越过顶部的状态栏

11.SliverFillRemaining调整

其子项的大小以在十字轴中填充视口并填充主轴中视口中的剩余空间。使用这个它会填充完剩余视里面的全部空间

12.SliverOverlapAbsorber

,** SliverOverlapAbsorberHandle这个上面2个是官方专

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值