Git Product home page Git Product logo

jmusic's Introduction

JMusic

最近学习了react-native的一些知识,想做一个个人项目, 发现没有好的素材下手,想起之前学习过黄轶老师炸鸡音乐的课程,于是就想用react-native实现一遍,黄轶老师的这门课含金量还是很高的, 如果认真学习下来,是可以提高一个层次

进阶链接 https://coding.imooc.com/class/107.html

效果图

总览

歌手

播放列表页

搜索页面

播放页面

歌词页面

主要的技术栈和第三方类库

点击链接可跳转到相关的项目网站

安装运行

 1. git clone https://github.com/yy9306/JMusic.git

 2. npm install

 3. react-native link

 4. react-native run-ios 或者 react-native run-android

总结

这是我第一个react-native项目,还有许多不足之处, 后期会慢慢优化的

这个项目由于我的iphonex模拟器有点问题没有兼容,做兼容也很简单, 兼容链接

首先要熟悉flex布局,注重排列方式

动画模块也需要着重了解下,可以提升用户体验。

多了解下其他的第三方组件,有很多别人都写好的,也要看react-native更新文档。

有做react-native的可以一起讨论一下

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.