草庐IT

Flutter (仿写网易云音乐)

灯红酒绿映不出的落寞 2023-10-25 原文
先上效果图

发现页

IMG_0625.PNG
IMG_0626.PNG
IMG_0627.PNG
IMG_0628.PNG
IMG_0629.PNG

每日推荐

IMG_0674.PNG

歌单广场

IMG_0675.PNG
IMG_0676.PNG
IMG_0677.PNG
IMG_0678.PNG
IMG_0679.PNG
IMG_0680.PNG

排行榜

IMG_0681.PNG
IMG_0682.PNG
IMG_0683.PNG
IMG_0684.PNG

歌单详情

IMG_0685.PNG
IMG_0686.PNG

播客页

IMG_0687.PNG
IMG_0688.PNG
IMG_0689.PNG
IMG_0690.PNG
IMG_0691.PNG
IMG_0692.PNG

播客详情页

IMG_0693.PNG
IMG_0694.PNG
IMG_0695.PNG

云村页

云村视频页瀑布流

IMG_0696.PNG

视频详情

IMG_0697.PNG

视频评论页

IMG_0698.PNG

搜索页

IMG_0746.PNG

搜索-歌手分类页

IMG_0747.PNG

搜索 - 详情页-综合页

IMG_0749.PNG
IMG_0750.PNG
IMG_0751.PNG
IMG_0753.PNG
IMG_0754.PNG
IMG_0755.PNG
IMG_0756.PNG
IMG_0757.PNG
IMG_0758.PNG
IMG_0759.PNG
IMG_0760.PNG
下边上gif总体图,有点大,但是值得等待
Untitled4.gif
技术点
  • fish_redux 状态管理
  • Dio 网络请求
  • SmartRefresher 数据刷新
代码还在持续开发中,仅供学习参考

有关Flutter (仿写网易云音乐)的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性:然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量:ANDROID_HOMED:\AndroidSDK2.然后在系统变量:Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量:        变量名:FLUTTER_STORAGE_BASE_URL      变量值:https://storage.flutter-io.cn        变量名:PUB_HOSTED_URL      变量

  2. 这几款音乐人必备的软件,你了解吗? - 2

    近几年随着各种关于音乐的综艺节目和自媒体盛行,音乐变得更加贴近民众。除了歌手以外的,音乐生产工作中的其他角色,例如编曲师、混音师、母带师等也渐渐走进大众的视野。EarMaster:souurl.cn/b6rSStGuitarPro:souurl.cn/e5FcawFLStudio:souurl.cn/WwLYG8GoldWave:souurl.cn/03CuIY中国新说唱、即刻电音等节目组,也都致力于将音乐的产出过程呈现在大众面前。那么今天就给大家介绍几个全职音乐人都在使用的软件。EarMaster----视唱练耳黑科技视唱练耳几乎是每个音乐专业的学生必备的能力。视唱练耳指的是通过对我们的音乐

  3. javascript 或 jQuery 音乐播放器 - 2

    关闭。这个问题不符合StackOverflowguidelines。它目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另见:StackOverflowquestionchecklist关闭9年前。Improvethisquestion我正在进行一个项目,客户想要一个播放器来播放一些音乐。所以,我的问题是,有没有什么方法可以使用javascript或jQuery插件,让我们有一个非常小的播放列表,比如3或4首歌曲左右,而访问者可以控制他/她想要的音乐、音量等...就像我们在网络上看到的许多Flash播放器一样

  4. javascript - 通过 nodejs 服务器 + socket.io 从 mp3 文件同步流式传输音乐 - 2

    我的服务器上有一个mp3文件。我希望所有访问该url的客户都能同步收听该音乐。也就是。假设文件播放了6分钟。我在上午10:00开始播放这首歌上午10:03发出的请求应该从歌曲的第3分钟开始收听。我所有的客户都应该同步收听这首歌。如何使用nodejs和socket.io实现这一点? 最佳答案 编辑:如果您想完全按照要求进行操作,链接上的答案更匹配:https://stackoverflow.com/a/26029102/67945我最初的回答与ipv4多播的好处无关。您正在寻找的是流媒体。随着您的听众基数的增长,使用流媒体(相对于每个

  5. flutter 中最详细的继承,多态,接口讲解 - 2

    flutter中最详细的继承,多态,接口讲解前言一、继承(Extends)二、混合mixins(with)2.1、最简单的mixin2.2、on关键字,基于某个类型的mixin2.3、多个mixin2.4、mixin怎么实现多继承三、接口的实现(implement)总结前言众所周知,dart是一门单继承的语言,但是我们在日常开发中,会遇到各种各样的问题,比如,我们需要在dart中实现多继承,那么改怎么办呢?本篇文章,我将和大家聊聊关于dart中的继承,接口,混合的相关知识。类型解决什么问题使用场景限制extends子类继承子类继承父类只能继承一个父类,会继承父类的可见的属性和方法,不能继承构造

  6. javascript - JQuery:如何在网站中运行背景音乐? - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭4年前。Improvethisquestion我正在寻找可以在我的网站打开时运行背景音乐的插件或代码。这种类型的功能通常出现在flash网站的背景中,但我想在我的网站中使用jquery实现它,请提供任何插件或代码链接,这将帮助我解决这个问题。谢谢

  7. 【宝塔面板部署nodeJs项目】网易云nodeJs部署在云服务器上,保姆级教程,写网易云接口用自己的接口不受制于人 - 2

    看了很多部署的,要么少步骤,要么就是写的太简洁,对新手不友好文章目录前言一、下载网易云nodejs项目1.gitclone下载,两种方式2.运行项目二、使用步骤1.先在本地运行2.测试接口三、部署服务器1.在宝塔面板安装pm2管理器2.压缩网易云nodeJs项目,上传到宝塔面板3.添加一个nodeJs项目4.填入参数5.放开防火墙,宝塔面板+服务器后台面板6.测试接口总结前言参考链接网易云音乐API安装及部署全过程【本地跑项目以及远端部署均详解】服务器如何上线node.js项目【项目放置在github中】宝塔部署nodejs项目参考多篇文章,主要为上3篇,才总结本篇提示:这里可以添加本文要记录

  8. 网易音乐网站系统|前后端分离springboot+vue实现在线音乐网站 - 2

    作者主页:编程千纸鹤作者简介:Java、前端、Python开发多年,做过高程,项目经理,架构师主要内容:Java项目开发、毕业设计开发、面试技术整理、最新技术分享收藏点赞不迷路 关注作者有好处文末获得源码项目编号:BS-PT-104前言:网易音乐网站系统是一个在线的音乐网站,普通用户通过注册的账号进行登录并且进入客户端首页,用户使用鼠标点击某音乐进行收听播放,网站提供个人空间,用户可以把喜欢的歌曲进行收藏,以便于之后反复收听。用户平台还提供歌曲评价功能,对喜欢与不喜欢的歌曲进行打分和评论,管理员用户通过账户登录可以对音乐网站的基本数据进行管理,如音乐数据,用户数据等,还可以通过后台的数据展示来

  9. Flutter实现文件上传华为对象存储(OBS) - 2

      本文主要讲述在Flutter项目中如何实现将文件上传到华为OBS(对象存储)中,并封装为三方库方便灵活使用。背景介绍  在大多项目中都会存在文件上传的需求,之前的实现都是调用后台的文件上传接口将文件上传到服务器上,但是这样会存在一个问题,因为文件上传会占用带宽导致在文件上传中调用其他接口的时候就会存在访问慢的情况,解决方案当然是升级带宽或者单独使用一台服务器作为文件服务,而且要带宽足够大不然上传下载的时候会很慢,但是这样两种方案成本都比较高。随着云计算的到来,各大云服务商都提供了对象存储的服务,费用便宜、带宽高、不影响业务系统而且提供了很多附加功能,比如图片处理、图片鉴黄等功能。  因目前

  10. java - 我如何获得用户音乐目录? - 2

    可以更改用户音乐、图片等目录。为此,请转到您的Windows资源管理器,右键单击“音乐”并转到路径。在这里你可以看到,我将我的音乐移动到了另一个硬盘上。现在的问题是:如何在Java中获取此目录?因为System.getProperty("user.home").concat("\\Music")导致“C:\Users\GG\Music”而不是“D:\GG\音乐"。更新:由Anders回答:对我有用的方法是以下3行代码:char[]pszPath=newchar[WinDef.MAX_PATH];Shell32.INSTANCE.SHGetFolderPath(null,ShlObj.C

随机推荐