React Native 模仿網易雲音樂手機客戶端，相容安卓和IOS兩個平臺。
GitHub 完整原始碼地址github.com/yezihaohao/…
老規矩，先上圖~?
總覽
音樂播放
視訊播放
歌曲列表
使用者介面
電臺詳情
主要的技術棧和依賴第三方庫：
點選名稱可跳轉相關專案網站??
- react@16.0.0-alpha.12
- react-native@0.48.2
- react-native-scrollable-tab-view@0.7.4(可滾動切換tab頁面元件)
- react-native-swiper@1.5.10
- react-native-vector-icons@4.3.0(包含很多icon圖示)
- react-native-video@2.0.0(視訊和音訊播放器，經調研，最近版的安卓和IOS系統版本可正常使用)
- react-navigation@1.0.0-beta.11(推薦使用的路由庫)
- redux@3.7.2(專案中重點用在播放器相關功能上)
- 其他細節庫省略
ps: 個別外掛會存在小bug或衝突。比如安卓平臺swiper在scrollable-tab中不能觸屏手動滾動。
主要的功能介面模組
大部分主要是展示的demo，網易雲的頁面和功能實在是太多了，由於時間關係，並沒有把所有的功能都做完整，後續會陸續加上其他的功能。
- 各部分模組首頁展示
- 音樂播放，包括CD動畫，歌詞同步等。
- MV視訊播放
- 個人詳情頁面
- 其他細節等等
安裝執行
特別鳴謝：NeteaseCloudMusicApi 提供全套API。
執行本專案前請先本地（或伺服器）執行此API介面專案,替換/scr/api/index.js 下BASE_URL的ip地址
0. 開發環境平臺版本：Android-6.0 ios-10.3
1. git clone https://github.com/yezihaohao/NeteaseCloudMusic.git
2. yarn or npm install
3. react-native link
3. react-native run-ios 或者 react-native run-android複製程式碼總結
react-native上手不難，熟悉react，看react-native文件，看下開源專案就可以開始開發，就是向下相容比較差，可能這個版本用的別人的元件下個版本就會有bug。
一般展示性的介面比較容易，重點熟悉flex佈局，注意預設縱向排列。
動畫模組也需要著重瞭解下，可以提升使用者體驗。
多瞭解下其他的第三方元件，有很多別人都寫好的，也要看react-native更新文件。
其他細節在開發過程中慢慢體會~~???
剛入門react-native，大佬輕噴~~
該專案會持續更新~所有使用資料僅供學習交流，並無它意。若有疑問，可加前端QQ群與我交流：264591039