Skip to content

lucis-yg/flutter_douyin

Repository files navigation

flutter_douyin

flutter仿抖音练习项目,主要实现了上下滑动看视频,左右滑动,双击爱心以及评论输入框等功能,目前仅在安卓设备上测试过

实现功能

  • 上下滑动视频,视频未加载前,视频封面是一个大的抖音icon
  • 支持下拉刷新,上拉无限加载
  • 可拖动进度条,缓冲时候进度条会闪烁
  • 预加载,默认预加载5个视频,可以通过修改参数指定预加载数量
  • 右滑移动到个人中心页面,左滑移动到商城、关注等页面
  • 查看评论,在评论弹出时,视频进行缩放往上顶,关闭评论时候恢复,根据弹出层动态调整视频大小
  • 双击冒爱心,
  • 评论输入,支持@人和字体表情

截图

依赖

解决pageview和tabview嵌套滑动问题

nested_scroll_views: ^0.0.7

用于实现目前抖音最左图标点击时的页面移动效果

flutter_zoom_drawer: ^3.0.4+1

视频预加载

preload_page_view: ^0.1.6

视频播放相关组件

video_player: ^2.6.1
chewie: ^1.4.0

监听视频是否显示在屏幕上,主要用于视频的自动暂停与播放,

visibility_detector: ^0.3.3

动画库,只在下拉刷新时候把刷新图标改成了lottie动画用到过一次

lottie: ^2.3.2

自定义下拉刷新样式

custom_refresh_indicator: ^2.0.1

字体大小调节

flutter_screenutil: ^5.7.0

用于展示点赞、收藏时候的效果

like_button: ^2.0.5

评论、分享转发以及输入框的弹出使用到的弹出框

modal_bottom_sheet: ^3.0.0-pre

只在个人中心页的作品跳转到视频播放页用到

get: ^4.6.5

在视频页左下角原创声音文字滚动用到

bindings_compatible: ^1.0.1

主要用于实现@人功能

extended_text_field: ^11.0.1

其他

目前只实现了一些基本功能,很多非功能逻辑性的代码没有分离出来而是写在了一起,在调试使用时候可以把不需要的视觉代码删除。

感谢

感谢依赖中所使用到的各类插件的作者们!

About

flutter仿抖音

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published