重构一款炸鸡音乐app



  • JMusic

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

    进阶链接 炸鸡音乐

    效果图
    总览
    0_1517564360185_32BC1F0B-1088-44B2-9F0C-33D8518154F3.png

    歌手
    0_1517564417684_A97B66BC-FA67-4BC7-B8A9-7F4C8808CB07.png

    播放列表页

    搜索页面

    播放页面

    主要的技术栈和第三方类库
    点击链接可跳转到相关的项目网站

    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
    安装运行

    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的可以一起讨论一下

    详细请看 https://github.com/yy9306/JMusic



  • 我发现了什么?
    我竟然看到了我写的开源库LargeList



  • 此回复已被删除!


  • @bolan9999 谢谢大佬的库, 我仔细学了一遍


登录后回复