本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。
下面是该APP 功能的思维导图:

因为工作的原因,一星期有可能只更新一篇该系列的文章,不过一星期最少一篇。
本章节为第一节,从创建项目说起。
创建「网易云音乐」项目
首先看一下本地 Flutter 环境:

创建命令就都知道了,不用命令的话,用 AS 或者 VS 更简单。

项目创建好后,删除无用代码,然后开始创建文件夹:

一共分为六个文件夹:
•model:存放所有数据类•pages:存放所有的页面•provider:存放所有的 Provider•route:存放路由相关•utils:存放所有的工具类•widgets:存放所有封装好的组件
下面我们开始添加依赖。
添加插件
首先对我们一些大概的功能有一个了解,
例如 网络请求肯定有,那我会选择 Dio 来当做网络请求的插件,
下面是目前所想到的插件:
| 插件 | 作用 |
| Provider[1] | 状态管理,UI、数据 分离 |
| shared_preferences[2] | 本地存储数据,持久化 |
| dio[3] | 网络请求 |
| flutter_screenutil[4] | 屏幕适配 |
| fluro[5] | 路由管理 | </
Flutter实战:搭建网易云音乐APP入门

本文从创建Flutter项目开始,详细介绍了如何搭建「网易云音乐」APP,包括项目结构设定、添加Dio网络请求插件以及编写loading、网络工具类和通用文字样式代码。还分享了相关资源链接和代码仓库地址。
最低0.47元/天 解锁文章
1066

被折叠的 条评论
为什么被折叠?



