GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - ditclear/tiktok_gestures: 使用Flutter仿写TikTok的手势交互(use flutter to mimic gestures in tiktok)

BranchesTags
Open more actions menu

Latest commit

 

History

14 Commits
14 Commits

Folders and files

NameName
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

Topics

dartflutter

Resources

Readme
License
Activity

Stars

314 stars

Watchers

11 watching

Forks

52 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.