摘要：比如安卓平臺在中不能觸屏手動滾動。主要的功能界面模塊大部分主要是展示的，網(wǎng)易云的頁面和功能實在是太多了，由于時間關(guān)系，并沒有把所有的功能都做完整，后續(xù)會陸續(xù)加上其他的功能。各部分模塊首頁展示音樂播放，包括動畫，歌詞同步等。

GitHub 完整源碼地址https://github.com/yezihaohao/NeteaseCloudMusic
源博客地址
掘金地址

老規(guī)矩，先上圖~?

點擊名稱可跳轉(zhuǎn)相關(guān)項目網(wǎng)站??

[email protected]

[email protected]

[email protected](可滾動切換tab頁面組件)

[email protected]

[email protected](包含很多icon圖標(biāo))

[email protected](視頻和音頻播放器，經(jīng)調(diào)研，最近版的安卓和IOS系統(tǒng)版本可正常使用)

[email protected](推薦使用的路由庫)

[email protected](項目中重點用在播放器相關(guān)功能上)

其他細(xì)節(jié)庫省略

ps: 個別插件會存在小bug或沖突。比如安卓平臺swiper在scrollable-tab中不能觸屏手動滾動。

大部分主要是展示的demo，網(wǎng)易云的頁面和功能實在是太多了，由于時間關(guān)系，并沒有把所有的功能都做完整，后續(xù)會陸續(xù)加上其他的功能。

各部分模塊首頁展示

音樂播放，包括CD動畫，歌詞同步等。

MV視頻播放

個人詳情頁面

其他細(xì)節(jié)等等

特別鳴謝：NeteaseCloudMusicApi 提供全套API。
運(yùn)行本項目前請先本地（或服務(wù)器）運(yùn)行此API接口項目,替換/scr/api/index.js 下BASE_URL的ip地址

0. 開發(fā)環(huán)境平臺版本：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文檔，看下開源項目就可以開始開發(fā)，就是向下兼容比較差，可能這個版本用的別人的組件下個版本就會有bug。

一般展示性的界面比較容易，重點熟悉flex布局，注意默認(rèn)縱向排列。

動畫模塊也需要著重了解下，可以提升用戶體驗。

多了解下其他的第三方組件，有很多別人都寫好的，也要看react-native更新文檔。

其他細(xì)節(jié)在開發(fā)過程中慢慢體會~~???

剛?cè)腴Treact-native，大佬輕噴~~

該項目會持續(xù)更新~所有使用數(shù)據(jù)僅供學(xué)習(xí)交流，并無它意。若有疑問，可加前端QQ群與我交流：264591039

MIT License.