flutter_tiktok Flutter模仿嘀嗒而开源。 左投搜索,右投个人中心,上下投刷视频,双击点赞含情脉脉,无敌了。 感谢Star。
应用截图
实现功能并上下滑动视频时,视频会自动加载封面
左右滑动搜索和个人中心
双击含情脉脉地夸奖
查看评论
切换底部的标签
因为技术是大家聚集在一起的。 正因为交流,才能解决很多问题。 这是我的iOS交流小组。 651612063组密码111。 不管你是dcdst还是漂亮的鸽子,都欢迎你入住。 分享BAT、阿里方面问题、面试经验、技术,讨论技术,大家交流学习成长。 项目结构依赖关系:
加载视频库(似乎已改版不再使用) )
flutter_spinkit: ^4.1.2
Bilibili开源视频播放组件
fijkplayer: ^0.8.3
基本透明动画的点击效果
tapped: any
映射安全值
安全地图: any
主要文件:/lib
main.dart
mock
() video.dart #假数据
other
()——BottomSheet.dart #修正了系统bottom sheet的高度
pages
() cameraPage.dart #拍摄页(没有实际功能)
() )follow page.dart #略
()——home page.dart #主页。 包括tikTokScaffold的实用功能
() )msgdetaillistpage.dart #略
() ) msgPage.dart #略
() ) searchPage.dart #略
() ) todoPage.dart #略
() ) userDetailPage.dart #略
() ) userPage.dart #略
() walletPage.d #略
钢铁伙伴
)style.dart #全局字符大小和颜色
()——text.dart #主要的几种文字样式
( views
backButton.dart # iOS形状的后退按钮组件
可以将 loadingButton.dart #设置为加载样式的按钮组件
selectText.dart #可以设置为“开”或“关”样式的字符
类似tiktokcommentbottomsheet.dart # tiktok注释样式
Tiktokheader.dart#伪tiktok顶级交换组件
tikTokScaffold.dart #类似于Tiktok的核心脚手架,封装了手势和切换等功能,本身不包含UI内容
打包类似于tiktokvideo.dart#tiktok的视频UI样式,不包括视频播放
tiktokvideobuttoncolumn.dart # tiktok视频右侧的虚拟形象和点赞等类似按钮行的组件
类似于双击tiktokvideogesture.dart # tiktok的点赞效果
tiktokvideoplayer.dart#视频播放页,带控制幻灯片的VideoListController类
tiktok tabbar.dart #类似于tiktok的底部tabbar组件
类似tiltokAppbar.dart#tiktok的appbar组件
toptoolrow.dart#在用户页面的顶部,隐藏选项卡切换到user页面时返回的按钮
( userMsgRow.dart #两个用户信息样式组件