Git Product home page Git Product logo

neteasern's Introduction

neteaseRN

  • rn仿照网易云音乐的小demo

项目简介

  • 只写了播放功能相关的。其他一些展示页面“待某天完善”,网易云音乐功能实在太多
  • 项目没做登录状态的判断。所以出现奇怪的现象就退出登录重新登录
  • 主要页面展示

    主要页面

  • 登录(登录接口必须为正确输入,否则网易云api直接中断)

    登录

  • 一些详情

    详情

  • 滚动title

    title

  • 歌曲播放

    mc

  • 切换歌,歌词等

    mcplay lyric

开始之前

  • 确认你已经配置好了RN的开发环境

    官网写的很详细

  • 项目需要网易云音乐接口。请先行安装并启动接口服务(并修改fetch.js的api为你的ip)

    鸣谢网易云音乐NodeJs版

  • 写demo的初衷

    看到yezihaohao项目 突然兴起,然后打算学一下,就写了这个小demo

项目使用的核心库和一些第三方库:

  • "react": "16.0.0"
  • "react-native": "0.51.0"(在写的时候0.52.0和Splash-screen插件冲突。所以用的51版本)
  • "react-native-linear-gradient": "^2.4.0"(渐变色)
  • "react-native-slider": "^0.11.0"(滑动组件)
  • "react-native-splash-screen": "^3.0.6"(过渡页)
  • "react-native-storage": "^0.2.2"(类似localStorage的异步永久库)
  • "react-native-swiper": "^1.5.13"(轮播组件)
  • "react-native-vector-icons": "^4.5.0"(图标字体)
  • "react-native-video": "^2.0.0"(播放器)
  • "react-navigation": "^1.4.0"(导航组件)
  • "react-redux": "^5.0.7"
  • "redux": "^3.7.2"
  • "redux-thunk": "^2.2.0"(redux管理项目的数据,以及状态)

总结

  • 总的来说。项目应该没什么难点,就是可能播放那一块的逻辑需要理清楚,并且要较好地管理与播放相关的数据与状态。
  • 写网易云音乐作为自己的第一个RNdemo,还是挺不错的,不会显得非常简单。也不是非常困难,一般的问题多想想还是可以解决的。如果有实际项目那就更好了。应该提升的很快
  • 当然项目仅供学习交流。

neteasern's People

Contributors

blusk123 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.