Flutter实战 | 从 0 搭建「网易云音乐」APP（八、我的页面）

Flutter 笔记

于 2019-11-12 07:30:00 发布

阅读量568

点赞数

CC 4.0 BY-SA版权

文章标签：列表 html java javascript vue

本文链接：https://blog.csdn.net/qq_23756803/article/details/103045685

本篇博客详细介绍了如何使用Flutter从零搭建「网易云音乐」APP的「我的」页面，包括展示歌单、新建歌单和歌单操作等功能。通过自定义组件实现歌单列表的展开与收回效果，利用ModalBottomSheet实现新建歌单的弹出框，以及处理歌单的编辑和删除操作。整个过程强调了代码复用和逻辑清晰的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

下面是该APP 功能的思维导图：

null

前期回顾：

1.Flutter实战 | 从 0 搭建「网易云音乐」APP（一、创建项目、添加插件、通用代码）2.Flutter实战 | 从 0 搭建「网易云音乐」APP（二、Splash Page、登录页、发现页）3.Flutter实战 | 从 0 搭建「网易云音乐」APP（三、每日推荐、推荐歌单）4.Flutter实战 | 从 0 搭建「网易云音乐」APP（四、排行榜、播放页面）5.Flutter实战 | 从 0 搭建「网易云音乐」APP（五、播放功能逻辑）6.Flutter实战 | 从 0 搭建「网易云音乐」APP（六、歌词（一））7.Flutter实战 | 从 0 搭建「网易云音乐」APP（七、歌词（二））

本篇为第八篇，在这里我们会搭建「我的」页面。

我的	新建歌单	歌单操作

最低0.47元/天解锁文章

​Flutter实战 | 从 0 搭建「网易云音乐」APP（八、我的页面）

Flutter实战 | 从 0 搭建「网易云音乐」APP（八、我的页面）