每日一坑文章系列用來記錄日常工作生活中碰到的問題及可能的（未）解決方案，不限於技術類。
問題
今天碰到並解決的一個問題是在React Native中上傳文件時如何顯示上傳進度條
描述
在RN中上傳文件有眾多解決方案，基於JS的如：fetch、axios、jsonp 甚至是直接封裝XmlHttpRequest，基於原生方案的如：RNFetchBlob和RNFS等。
這裡的核心問題是如何獲取已上傳的數據長度。本項目請求絕大部分採用fetch處理，經過搜尋研究，fetch存在基於Response的ReadableStream解決下載進度的方案，但未發現有比較成熟上傳進度方案。
解決
最終選擇了基於axios 的解決方案，相對比較簡單，通過npm安裝依賴即可使用。
顯示進度條採用的是react-native-progress組件。
交流
歡迎下載【知界】，做有想法的知識體系管理工具。QQ交流：3607274958
分享到:
閱讀更多 知界 的文章
