flutter_netease_cloud_music

采用FishRedux框架与开源网易云音乐api开发的高仿网易云音乐APP，技术栈主要是：Flutter+FishRedux,目前主要是偏重APP端的UI展示，主要也是借此项目强化下Flutter和FishRedux的结合使用，打造一个最佳实践项目。通过这个项目也可以帮助你快速使用Flutter+FishRedux开发一个属于你自己的跨平台的APP，此项目会持续更新，欢迎watch和star～

项目简介

本项目主要目的是学习Flutter利用FishRedux进行状态管理，并实现了IOS和Android一套代码跨平台使用。采用FishRedux，实现了业务代码和UI展示的分离。

快速开始

1、配置Flutter开发环境
在真正开发之前，需要配置Flutter开发环境，本身主要是使用Mac开发的，所以如果你也是Mac的话，可以参考Mac配置Flutter开发环
2、掌握Dart基本语法
3、掌握FishRedux的基本使用
4、配置接口服务
本项目主要是实现网易云音乐部分功能，接口API采用网上开源网易云音乐API，所以需要APP运行之前需要了配置接口服务。

启动后端接口服务

git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
cd NeteaseCloudMusicApi
npm i
npm run start

成功运行，效果如下：

功能列表

用户登陆
退出登陆
我的动态列表
最近播放列表
我的电台
我的收藏
今日推荐
我创建的歌单列表
我收藏的歌单列表
共用的歌单详情列表
歌曲播放页面
歌词滚动
歌曲切换播放模式（随机播放/单曲循环/顺序播放）
切换上一首/下一首
喜欢/取消喜欢某首歌曲
评论列表
视频播放
热搜列表
搜索（包含单曲/歌单/视频/歌手/专辑/电台/用户）
统一的播放组件，方便进行切换页面后可以随时进入到播放页面

项目结构

效果图

1、登陆

2 发现

3、我的

4、动态

5 每日推荐

有待完善部分

将列表中每个公共部分封装成独立的widget，以adapter的形式引用
播放器需要抽离出来做成全局使用
其他等等
还有一些功能点以及细节都还有待进一步完善，目前先把大致主要的功能进行了下实现，当然如果发现什么问题，欢迎能够提交issues,发现之后我会及时进行更正。

项目代码地址

欢迎 star 和 fork，感谢大家支持

Flutter+FishRedux高仿网易云音乐相关推荐

Vue3.0 + typescript 高仿网易云音乐 WebApp
Vue3.0 + typescript 高仿网易云音乐 WebApp 前言 Vue3.0 的正式发布,让我心动不已,于是尝试用 vue3 实现一个完整的项目,整个项目全部使用了 composition ...
android 仿网易标签切换,高仿网易云音乐客户端的Home页面切换Tabhost-IT蓝豹
1.高仿网易云音乐客户端的Home页面切换Tabhost 高仿网易云音乐客户端的Home页面切换Tabhost,并且三角形是透明的, 实现方式,自定义AnimTabsView继承 RelativeLa ...
高仿网易云音乐(vue实战项目)
高仿网易云音乐(Vue实战项目)
新鲜出炉高仿网易云音乐 APP
我的引语晚上好,我是吴小龙同学,我的公众号「菜鸟翻身」会推荐 GitHub 上好玩的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值,欢迎关注我. 项目中成长是最快的,如何成长,就是解决问题 ...
基于vue的高仿网易云音乐网站，实现大多数功能
文章目录前言项目演示地址线上地址项目仓库总结前言基于Vue + Vue-Router + Vuex + axios + elementui,ui参考网易云音乐,后端接口使用网易云音乐接口 ...
高仿网易云音乐一（可扫描本地音乐播放）
最近闲下来做了个仿网易云音乐的音乐播放器效果图: 项目下载地址 https://github.com/PangHaHa12138/MusicPlayerdemo 闪屏扫描本地音乐播放仿探探仿 ...
高仿网易云音乐UI的微信小程序源码
简介: 仿网易云音乐的微信小程序源码,名为YY音乐小程序,首页有每日推荐歌曲.歌单和热歌排行榜,功能不是特别多但是该有的都有. UI特别精致,简直就是克隆的网易云音乐. 源码下载:百度网盘自取图片:
有没有java自编歌曲,高仿网易云音乐一（可扫描本地音乐播放）
最近闲下来做了个仿网易云音乐的音乐播放器效果图: p1.png p2.png p3.png p4.png p5.png p6.png 项目下载地址闪屏 1.gif 扫描本地音乐 3.gif 播放 ...
Android项目实战之高仿网易云音乐项目介绍
这一节我们来讲解这个项目所用到的一些技术,以及一些实现的效果图,让大家对该项目有一个整体的认识,推荐大家收藏该文章,因为我们发布文章后会在该文章里面加入链接,这样大家找着就很方便. 目录第1章前期 ...

Flutter+FishRedux高仿网易云音乐