react-native 重构炸鸡音乐

JMusic

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

提升秘籍请前往 coding.imooc.com/class/107.h…

效果图

总览

歌手

播放页面

播放列表页

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

• react@16.0.0-alpha.12
• react-native@0.51.0
• react-native-scrollable-tab-view@0.8.0
• react-native-swiper@1.5.13
• react-native-video@2.0.0
• react-navigation@1.0.0-beta.23(推荐使用的路由库)
• react-native-largelist
• react-native-blur-image

总结

接口数据请求用的 fetch

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

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

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

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

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

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

想了解更多，完整的项目地址在这github.com/yy9306/JMus…

后续更新中...

转载于:https://juejin.im/post/5a7885ab6fb9a0634a38f395