使用Flutter仿写TikTok的手势交互(二)

本文介绍了如何使用Flutter仿写TikTok的下拉刷新和下拉返回手势交互,包括透明度和偏移量的控制,以及解决PageRoute背景不透明问题。通过示例代码展示了实现细节,并提供完整项目GitHub链接。
摘要由CSDN通过智能技术生成

写在前面

Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS 和 Android平台。

Flutter官网:flutter-io.cn

在上一篇手势交互的文章中,我们了解了GestureDetectorTransform以及Hero动画,并完成了几个TikTok中的手势交互效果,本文继续前文的内容,如果你再看看上一篇内容,可以查看以下链接:

使用Flutter仿写TikTok的手势交互:https://dwz.cn/xoY8eDs0

来看看本次实现的效果:

Gif:https://i-blog.csdnimg.cn/blog_migrate/716afd59bda7d76d589136eb511ad214.gif

Github地址:https://github.com/ditclear/tiktok_gestures

下载体验

交互分解

本次主要包含两个下拉的交互:下拉刷新和下拉返回。

  • 下拉刷新

Gif:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值