[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9326":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":18,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":15,"starSnapshotCount":15,"syncStatus":26,"lastSyncTime":27,"discoverSource":28},9326,"flutter_tiktok","mjl0602\u002Fflutter_tiktok","mjl0602","Flutter tiktok short video app.",null,"Dart",1639,454,24,3,0,1,4,53.87,false,"master",true,[],"2026-06-12 04:00:44","# flutter_tiktok\n\n仿写抖音的flutter app。主要实现了看视频功能，可以非常流畅的刷视频，左右滑，点小爱心。  \n\n当前支持了flutter_web，但是在移动端浏览器的体验非常有限。\n\n# 新特性(开发中)\n\n🎉欢迎大家对本项目的关注，我本来是想等官方的videoplayer支持全部平台后，再扩展到全平台的。\n\n但是现在看到pub上已经有了各个平台的播放器，所以本项目即将要支持全部平台啦🎉🎉🎉。\n\n以下为正在开发中，计划支持的功能：\n\n- 在iOS\u002FAndroid系统上重新启用fijkplayer\n- 支持MacOS系统\n- 支持Linux系统\n- 支持Windows系统\n\n# 项目常见问题\n1. **和抖音不像**：主要交互已完全实现，可以随意根据自己的业务需求修改页面。\n2. **UI性能问题**：在安卓和iOS上，本项目都非常丝滑，没有性能问题。在web上会比较卡，在移动端web平台尤其卡，是因为flutter web本身性能有限，移动端的浏览器性能也较弱，此处只能坐等官方优化。\n\n有其他问题也可以加Q群反馈\n\n\u003Ca target=\"_blank\" href=\"https:\u002F\u002Fjq.qq.com\u002F?_wv=1027&k=5bcc0gy\">\u003Cimg border=\"0\" src=\"https:\u002F\u002Fpub.idqqimg.com\u002Fwpa\u002Fimages\u002Fgroup.png\" alt=\"FlutterCandies\" title=\"FlutterCandies\">\u003C\u002Fa>\n\n进群需要回答基础知识问题。\n\n# 实现功能\n\n- 上下刷视频，视频会自动加载封面，支持无限下拉加载视频，会动态的新增播放器，控制内存占用\n- 支持释放之前的播放器，并支持在往回滑动时重新init(不依赖widget生命周期)\n- 支持了预加载视频，可以控制预加载数量\n- 左右滑动去搜索与个人中心\n- 双击冒爱心点赞\n- 看评论\n- 切换底部Tabbar\n\n# 应用截图\n\n![截图1](.\u002Fscreenshot.png)\n\n# 细节\n\n适配了不同比例屏幕，在细长的屏幕上，底部tabbar不会叠加在视频上：\n\n\n![截图1](.\u002Fscreen.png)\n\n图示为debug下强行调整的效果，App会根据手机当前的屏幕比例来自动判断\n\n\n# 其他\n\n其他页面不属于视频业务的，就简单仿写了样式。需要自定义项目的话，简单替换成自己写的各种页面即可。  \n\n需要无限增加视频的，只需要在PageView滑动到最后的时候给数组添加视频就行，很简单。  \n\n加载一定量视频后记得释放掉不用的播放器，避免内存用太多而闪退。\n\n# 项目结构\n\n\n依赖：\n```yaml\n  # 加载动画库(好像改版之后就没用到了)\n  flutter_spinkit: ^4.1.2\n  # Bilibili开源的视频播放组件\n  fijkplayer: ^0.8.3\n  # 基础的透明动画点击效果\n  tapped: any\n  # map安全取值\n  safemap: any\n```\n主要文件：\n```bash\n.\u002Flib\n├── main.dart\n├── mock\n│   └── video.dart # 假数据\n├── other\n│   └── bottomSheet.dart # 修改了系统BottomSheet的高度\n├── pages\n│   ├── cameraPage.dart # 拍摄页（没有实际功能）\n│   ├── followPage.dart  # 略\n│   ├── homePage.dart # 主页面，包含tikTokScaffold的实际应用功能\n│   ├── msgDetailListPage.dart # 略\n│   ├── msgPage.dart # 略\n│   ├── searchPage.dart # 略\n│   ├── todoPage.dart # 略\n│   ├── userDetailPage.dart # 略\n│   ├── userPage.dart # 略\n│   └── walletPage.d # 略\n├── style\n│   ├── style.dart # 全局文字大小与颜色\n│   └── text.dart # 主要的几个文字样式\n└── views\n    ├── backButton.dart # iOS形状的返回按钮组件\n    ├── loadingButton.dart # 可以设置为载入样式的按钮组件\n    ├── selectText.dart # 可设置为“选中”或者“未选中”样式的文字\n    ├── tikTokCommentBottomSheet.dart # 仿Tiktok评论样式\n    ├── tikTokHeader.dart # 仿Tiktok顶部切换组件\n    ├── tikTokScaffold.dart # 仿Tiktok核心脚手架，封装了手势与切换等功能，本身不包含UI内容\n    ├── tikTokVideo.dart # 仿Tiktok的视频UI样式封装，不包含视频播放\n    ├── tikTokVideoButtonColumn.dart # 仿Tiktok视频右侧的头像与点赞等按钮列的组件\n    ├── tikTokVideoGesture.dart # 仿Tiktok的双击点赞效果\n    ├── tikTokVideoPlayer.dart # 视频播放页面，带有控制滑动的VideoListController类\n    ├── tiktokTabBar.dart # 仿Tiktok的底部Tabbar组件\n    ├── tilTokAppBar.dart # 仿Tiktok的Appbar组件\n    ├── topToolRow.dart # 用户页面的顶部状态，在tab切换到user页面时隐藏返回按钮\n    └── userMsgRow.dart # 一条用户信息的样式组件\n```\n\n# 致谢\n\n左右滑动手势代码来自项目 https:\u002F\u002Fgithub.com\u002Fditclear\u002Ftiktok_gestures 作者的封装，在此致谢。\n\n# 请我喝咖啡\n\n我相信本项目的代码一定能在商业项目上帮助到您，如果您从本项目中获益，不妨请作者我喝杯咖啡：\n\n![请我喝咖啡](.\u002Fpay.png)\n","flutter_tiktok 是一个使用 Flutter 框架开发的短视频应用，模仿了抖音的核心功能。它支持流畅地浏览视频、左右滑动切换视频和点赞等互动操作，并且已经实现了对 Flutter Web 的初步支持，尽管在移动端浏览器上的体验仍有限。项目利用 Dart 语言编写，核心功能包括自动加载封面的上下刷视频、动态管理播放器以控制内存占用、预加载视频以及双击点赞等。此外，还提供了搜索和个人中心等功能。此项目适用于需要快速构建类似抖音应用原型或学习 Flutter 视频处理技术的开发者。虽然目前主要针对 Android 和 iOS 平台进行了优化，但未来计划扩展到更多平台如 MacOS、Linux 和 Windows。",2,"2026-06-11 03:22:10","top_language"]