圖片展示
輸入圖片說明
輸入圖片說明
輸入圖片說明
倉庫地址
https://github.com/Onedayago/React-Native-Music.git
后臺地址: https://github.com/Binaryify/NeteaseCloudMusicApi.git
技術(shù)棧
- react-native 0.57.7 主要技術(shù)
- redux 狀態(tài)管理
- react-redux redux 插件
- axios 網(wǎng)絡(luò)請求
- immutable redux 對象儲存
- react-navigation 路由
- redux-persist 持久化
- react-native-sound 音樂播放
- lyric-parser 歌詞解析
- react-native-scrollable-tab-view tab 切換 這里有坑，最后我用了 ^0.10.0 版本才行
- react-native-video 視頻播放（但是在列表里全屏有問題牧抽，目前我要去自己封裝一個播放器）
安裝說明
- yarn install
- 使用 xcode 打開 ios 工程嘉熊， 然后運行
- 暫時沒有調(diào)試安卓端
開發(fā)工具
- xcode
- webstorm
調(diào)試工具
- reactotron
UI 組件庫
- react-native-elements
已完成的功能
- 登錄頁 UI 的繪制
- 登錄頁 logo 動畫
- 手機(jī)號登錄頁
未解決的問題
- 登錄頁中國家和地區(qū)區(qū)號選擇 modal 中 手勢響應(yīng)的問題 （嘗試使用 react navigation 中的 modal 解決問題但是失敗了,還是達(dá)不到網(wǎng)易效果）
- 音樂播放界面當(dāng)手動滑動進(jìn)度條到最后時播放出現(xiàn)問題
- 歌單廣場 tab 導(dǎo)航樣式 （需要自定義）
- 標(biāo)簽選擇頁(已找到插件，但功能與網(wǎng)易云音樂上的有些不同)
- 首頁 tab 導(dǎo)航樣式（需要自定義）
