一个基于vue-native的移动端音乐app

原创 aqingxin 随笔 程序 314阅读 2018-08-20 15:11:39 举报

vue-native介绍

vue-native : 一家叫GeekyAnts的印度公司开发了Vue Native,基于React Native实现。

如何开始

1 你需要先安装vue native cli

2 初始一个vue-native项目

3 开发时调试
在进行开发时,如果需要在真机调试,是需要通过下载指定的app来调试的,这个app就是expo,可通过expo的官网进行下载该APP expo官网网址:链接标题


自己基于vue-native 做了非常简陋的一个音乐app,由于这个技术在百度上找资源或者找解决问题的答案是鲜有的,所以自己从零开发到app有雏形花费了两周的时间!目前该APP的体验还是非常差的!

目前APP完成的功能

  • 点击首页的列表去到相对应的列表页面
  • 首页跳到列表页面时有个加载状态
  • 点击列表中音乐下载按钮会下载相对应的音乐到本地
  • 可删除下载本地的音乐
  • 可播放网络资源的音乐和下载到本地的音乐
  • 可对正在播放的音乐进行上一曲、下一曲和暂停的操作

附上项目源码

GitHub地址:链接标题

附上app页面图片

app启动页面

app首页

app进入列表页面时的加载状态

app列表页面

app侧边导航

app本地音乐列表页面

app播放音乐时下方的状态

评论 ( 1 )
最新评论
lawrence 2018-08-23 03:21:48 1F

vue native和react native有什么区别?