Flutter仿网易云音乐 ---基础准备

该博客介绍了使用Flutter仿制网易云音乐应用的基础准备步骤,包括资源和工具的准备,如接口、UI设计、Flutter widget文档等。在项目准备阶段,作者讨论了屏幕适配的解决方案,选择了screenutils库,并详细解释了其初始化和使用方法。此外,还提到了Flutter中图片资源的管理,如何在pubspec.yaml中指定路径以及如何进行适配。
摘要由CSDN通过智能技术生成

源码地址:https://gitee.com/admin_327355/music

资源、工具准备

1.接口:网易云音乐 NodeJS 版 API
2.UI:Android apk通过压缩文件解压后获取图标,客户端截图,然后通过PxCook软件对截图标注和取色。
3.widget文档:通过 Flutter中文网 查看Widgets目录,通过老孟博客查看widget具体的使用方法。

项目准备

屏幕适配

我在Flutter官网并没有找到关于屏幕单位适配的描述和解决方案。在多方查找之后选择使用screenutils的解决方案。

  • 初始化

screenutils使用方式参考github wiki,需要注意的是,旧版貌似需要在State的build方式中初始化,官方最新版是在MyApp种通过LayoutBuilder实现

class MyApp extends StatelessWidget {
   
  @override
  Widget build(BuildContext context) {
   
    return LayoutBuilder(
      builder: 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值