粘性滑动Sliver、widget矩阵变化、导航返回拦截

本文介绍了Flutter中的CustomScrollView如何实现不同widget的滑动组合,利用Sliver进行自定义滑动。同时讲解了Transform组件用于矩阵变换的功能,包括平移、旋转和缩放。最后探讨了在Android中如何通过WillPopScope拦截导航返回事件,实现连续点击两次退出的应用逻辑。
摘要由CSDN通过智能技术生成

粘性滑动Sliver、widget矩阵变化、导航返回拦截

CustomScrollView

CuStomScrollView是可以使用sliver来自定义滑动模型的wideget,比如说一个页面中,有一个list View和一个GridView,那么我们如何让他们的滑动连接到一起呢?如果不连接到一起,那么他们肯定是自己滑动自己的,没有一个统一的滑动,CustomScrollView的作用就是将这两个滑动widget组合到一起的
Sliver,这个东西在flutter中通常是指可滑动的widget块,我们上面提到的listview和gridView都有对应的sliver,比如sliverList,sliverGrid,而sliver滑动块是不具备滑动效果的,我们追述源码可以看到他不想listview之类的继承了scrollView,我们可以理解成sliverList就是去掉了滑动的ListView,正因为没有滑动效果,CustomScrollView才能去组合他们。

Tranform

Tranform可以使子widget在绘制的时候进行矩阵变换,比如常见的旋转、缩放、平移,但是要分清楚这个不是动画,只是将其位置大小进行改变,也可以根据自己的需求去自定义矩阵

Transform.translate:平移,以左上角为起点,进行偏移

DecoratedBox(
  decoration:BoxDecoration(color: Colors.red),
  //默认原点为左上角,
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值