前言

第一次接触Flutter还是技术胖的百姓生活+,转眼间几年过去了,Flutter都升级到了2.+版本了,相比以前修改了很多,增加了空安区,还出现GetX,正好手上活不多,索性重学一波Flutter,于是诞生了MyBili

项目预览

项目展示(GIF)

项目展示(PNG)

技术点

• 基于Flutter2.+，支持空安全
• GetX
• 清晰的项目结构 (参考getx_pattern规范)
• Dio网络请求
• 屏幕适配
• 统一缺省页
• 统一刷新组件
• 视频播放(fijk)
• 弹幕播放
• 瀑布流
• lottie动画
• 统一启动页
• 适配web,ios,macos(win暂未适配)
• ...

项目资源

Github :https://github.com/xiaoxiaohaozai/my_bill

总结

从学习到实战花费了接近一个月的时间,主要学习GetX的使用和Flutter2.+语法,以及相关插件的使用,中间也遇到了很多问题,不过也都解决了,最总也完成了MyBili这个视频App,还是很有成就感的,后面会写系列文章记录相关插件的使用和项目中遇到的问题分析,方便以后查阅.不然又忘了,不想再从来一遍了,哈哈

参考

Flutter企业级项目实战——博时App

api来自Flutter高级进阶实战 仿哔哩哔哩APP(我购买了正版有提供相关api,希望大家还是要支持正版呀)