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

这篇具有很好参考价值的文章主要介绍了用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)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)

 黑夜版应用截图:

用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)用Flutter开发一款音乐App(从0到1开发一款音乐App)文章来源地址https://www.toymoban.com/news/detail-412925.html

到了这里,关于用Flutter开发一款音乐App(从0到1开发一款音乐App)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 采用Flutter开发的APP用户体验不会让你失望

    hello宝子们...我们是艾斯视觉擅长ui设计和前端开发10年+经验!希望我的分享能帮助到您!如需帮助可以评论关注私信我们一起探讨!致敬感谢感恩! 采用 Flutter 开发的 APP 用户体验不会让你失望 Flutter 是 Google 开发的一款开源跨平台移动应用程序开发框架,使用 Dart 作为编程

    2024年02月21日
    浏览(34)
  • springboot第35集:微服务与flutter安卓App开发

    Google Play play.google.com/apps/publis… [1] 应用宝 open.qq.com/ [2] 百度手机助手 app.baidu.com/ [3] 360 手机助手 dev.360.cn/ [4] vivo 应用商店 dev.vivo.com.cn/ [5] OPPO 软件商店(一加) open.oppomobile.com/ [6] 小米应用商店 dev.mi.com/ [7] 华为应用市场 developer.huawei.com/consumer/cn… [8] 阿里应用分发平台(豌

    2024年02月13日
    浏览(57)
  • Flutter桌面开发 — Windows平台App安装失败或无法运行的问题及其解决方式

    文中所提及的问题,大多和Windows系统缺少Visual C++ 可再发行组件相关,所以先写怎样安装 Visual C++ Redistributable 即 vc_redist.exe 。 下载地址:https://www.microsoft.com/zh-CN/download/details.aspx?id=53587 点击下载,然后勾选对应的系统,然后点击next。下载完成后安装该软件。 错误描述:无法

    2024年02月04日
    浏览(73)
  • Flutter音乐播放audioplayers

    Flutter的audioplayers是一个Flutter插件,可以播放多个同时的音频文件,支持Android、iOS、Linux、macOS、Windows和web平台。它有以下特点: 可以从本地文件、网络资源或内存中加载音频 可以控制音量、进度、速度和循环 可以播放多个音频同时,或者使用单例模式 可以监听播放状态和

    2024年02月04日
    浏览(48)
  • 第4天:基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter

    1.原生开发 安卓一般使用java语言开发,当然现在也有kotlin语言进行开发。如何开发就涉及到具体编程了,这里就不详说了。简单描述就是使用安卓提供的一系列控件来实现页面,复杂点的页面可以通过自定义控件来实现。 2.使用H5语言开发 使用H5开发的好处有很多,可多端复

    2024年04月10日
    浏览(44)
  • springboot第36集:kafka,JSAPI支付,nginx,微服务Feign与flutter安卓App开发2

    去思考自己的项目有哪些让你觉得不好的地方,然后去解决它,而非学习了一堆原理,展示技术能力比展示技术知识更有说服力 其实边解决问题边记录,是一个好习惯,不仅可以在解决问题的时候,方便回顾和查找,反而还能提高解决问题的效率,而且解决完后,还可以整理

    2024年02月07日
    浏览(42)
  • APP推荐:推荐一款免费无广告的本地音乐播放器,手机听歌必备

    目录 一、软件简介 二、软件特色 三、软件使用 四、软件下载 相信很多朋友都喜欢听歌,今天给大家推荐一款非常棒的手机本地音乐APP——糖醋音乐,完全无广告、免费听歌,大家只需要把自己需要的歌曲下载到你的手机就可以愉快的听歌了,并且不需要手机联网省点、省

    2024年02月05日
    浏览(45)
  • 音乐music says

    网址:http://tools.liumingye.cn/music/?page=searchPage 最大的优点是:可以下载有版权限制的歌曲,从标准音质,到无损音乐皆可免费下载, 推荐指数 ⭐⭐⭐⭐ 网址: http://music.migu.cn/v3 基本上所有的歌曲都可以下载,标清版的可以免费下载,其他版本的需要收费。 咪咕音乐算是歌曲比

    2024年02月12日
    浏览(36)
  • 【flutter】flutter如何让app内字体大小不随着系统改变而改变

    如果我们不特意设置,flutter开发的app他的字体大小是会跟着系统设置的字体大小而改变,这样就会导致页面出现布局错乱问题,那么如何解决这个问题呢?我也搜索了相关资料,有两个常用也是网络上搜集到比较多的方法,还有一个是我自己使用的比较简单粗暴但是我认为方

    2024年02月15日
    浏览(52)
  • flutter 设置app图标

    使用插件 flutter_launcher_icons 在 pubspec.yaml 配置文件中 加入 dev_dependencies dev_dependencies:   flutter_launcher_icons: \\\"^0.13.1\\\" 准备好app得 icon 图标 其中icon的名字为icon.png 创建assets文件夹 和子文件夹icon iamge 配置静态资源路径 完整配置如下  flutter clean 清理后 重新安装依赖 重要得一步

    2024年02月12日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包