Flutter实战 | 从 0 搭建「网易云音乐」APP(一、创建项目、添加插件、通用代码)...

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

本系列可能会伴随大家很长时间,这里我会从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] 路由管理
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值