使用react-native仿写一个qq音乐播放
最近在学习react-native，就想说做个项目实践一下，于是决定仿写一下QQ音乐，接口是在github上找的一个项目，地址QQMusicApi。项目是expo创建的，因为它可以直接运行web页面，比较方便，本项目仅供学习参考。
地址
qq-music
效果预览
预览地址
没有特别的去还原qq音乐，只是大致的仿照了一下
首页
- 搜索
- 获取了海报
- 歌手页面
- 排行页面
- 分类页面
- 电台页面
- 官方歌单和达人歌单
文章图片
搜索
- 获取了搜索热词
文章图片
- 搜索结果
文章图片
歌手页面
可以根据不同的分类进行筛选歌手。歌手顺序是接口默认返回的，应该是按照热度来的
文章图片
排行页面
获取了排行榜接口，展示歌单
文章图片
分类页面
一些歌单的分类，点击到对应歌单
文章图片
电台页面
获取了电台接口，展示了电台分类列表，暂时没有做事件
文章图片
歌单页面
首页的歌单，分类的歌单，排行榜的歌单都是到这个歌单页面，展示歌单的所有歌曲，点击播放按键可以到播放页面，播放列表里有会歌单的所有歌曲，点击单首歌曲也会到播放页面，只会将此歌曲添加到播放列表
【使用react-native仿写一个qq音乐播放】
文章图片
播放页面
暂时只做了播放暂停，音量控制，播放列表
文章图片
账号页面
获取了个人创建的歌单和收藏的歌单，当然需要设置账号获取cookie，设置账号只能获取账号开放的歌单，没有开放的歌单是获取不到的，设置cookie可以获取到。cookie可以到qq音乐中自行获取，必须设置cookie才能获取到歌曲的播放链接。
文章图片
文章图片
推荐阅读
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程
- 使用composer自动加载类文件
- android|android studio中ndk的使用
- 使用协程爬取网页，计算网页数据大小