Name		Name	Last commit message	Last commit date
android		android
assets		assets
ios		ios
lib		lib
test		test
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
pubspec.lock		pubspec.lock
pubspec.yaml		pubspec.yaml

Repository files navigation

TikTok_Gestures

使用Flutter模仿TikTok中的手势交互效果

主要用到了Flutter中的

GestureDetector：手势检测
Transform：scale、translate、rotate订单变换
Hero动画：提供共享元素转换的效果

原理：通过检测手指的滑动，得到一个x坐标或者y坐标的偏移量，然后配合Transform进行各种不同的变换

实现效果

demo下载

相关文章

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

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

About

使用Flutter仿写TikTok的手势交互(use flutter to mimic gestures in tiktok)

juejin.im/post/5cbadb71f265da037c7ce19f

314 stars

11 watching

Report repository

Releases

Packages

Used by

Contributors

Languages