用Flutter开发一款音乐App(从0到1开发一款音乐App)

Flutter Music_Listener(flutter音乐播放器) Flutter version 3.9

项目介绍

1、项目整体基于getx+retrofit+dio+jsonserialize开发
2、封装通用控制器BaseController,类似jetpack mvvm框架中的BaseViemodel
3、封装基础无状态基类BaseStatelessWidget,结合基于getx的BaseController的使用
4、封装Widget级别的BaseWidget,结合getx框架的使用
5、封装针对列表的下拉刷新和上拉加载
6、针对页面封装四种加载状态(加载中页面、加载失败页面、空页面、成功页面)
7、针对getx框架的全局音乐播放器的封装
8、flutter中数据库的使用
9、基于steam的eventbus的使用
10、flutter项目全局换肤的使用

其他一些学习练手的项目

Flutter版本开眼App链接(getx+retrofit+dio+jsonserialize+自定义控件demo):GitHub - WinWang/open_eye: Flutter 开眼APP:整体项目架构基于Getx搭建,完成路由,依赖注入;网络请求框架基于Retrofit+Dio实现,配合官方JsonSerialize实现解析;封装项目页面多状态(加载中,成功,失败,空数据);封装列表页面下拉刷新+上拉加载更多等,同时示范了多Base URL的使用示范和Flutter自定义绘图的示范;具体更多内容,请下载项目了解更多(感谢FlutterBlog(https://github.com/jhflovehqy/flutter_bolg_manage)和OpenEye(https://github.com/abcd498936590/flutter_eyepetizer.git)项目给予的参考)

React版本的开眼App链接(React18+React-Vant+Mobx+axios):GitHub - WinWang/react-oepn-eye: 该项目是React版本开发的开眼App-web版本,主要目的是用来学习上手React项目实践,接口和UI基本参照以前开发的Flutter OpenEye项目主体基于React18+React-Vant+Mobx+axios开发完成,非常适合新手了解和学习用React开发一款移动端App;该项目涉及 React移动端屏幕适配,axios网络拦截器的使用,React父子组件传参回调,Mobx6在React函数编程中的运用,React路由监听等等

Vue2版本WanAndroid链接(Vue2+vuex+vant+axios):GitHub - WinWang/Vue-WanAndroid: Vue版本WanAndroid项目,项目基于Vue2+Vant整体开发,项目中 实现了屏幕适配(rem+postcss方式)以及基于axios+Promise封装网络请求,在App.vue层控制页面生命周期和动画等,适合入门小白上手

Vue3版本WanAndroid链接(vue3+typeScript+pinia+vant+vite):GitHub - WinWang/vue3-wanandroid: Vue3+vant4+axios+pinia+ts+vite项目(Wan-Android)

应用下载体验地址:

music_listener (pgyer.com)

白天版应用截图:

用Flutter开发一款音乐App(从0到1开发一款音乐App)_第1张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第2张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第3张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第4张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第5张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第6张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第7张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第8张图片

 黑夜版应用截图:

用Flutter开发一款音乐App(从0到1开发一款音乐App)_第9张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第10张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第11张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第12张图片用Flutter开发一款音乐App(从0到1开发一款音乐App)_第13张图片

你可能感兴趣的:(flutter)