2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

react-natvie-fetch-blob

網(wǎng)上搜索了許多關(guān)于react-natvie-fetch-blob 的使用介紹，發(fā)現(xiàn)中文文檔很少。實(shí)在沒(méi)辦法就直接去看github上門的文檔了，做了一些筆記。

英語(yǔ)不怎好，如果寫的有何錯(cuò)誤之處敬請(qǐng)諒解、指導(dǎo)

https://github.com/aroth/react-native-uploader

我選擇react-natvie-fetch-blob的原因

這里表述的是個(gè)人觀點(diǎn)，不具備專業(yè)性和嚴(yán)謹(jǐn)性

• React Native 上傳下載的第三發(fā)也有挺多的，比如react-native-fileupload。對(duì)于簡(jiǎn)單的上傳下載也很好用，但是功能上還是有一些局限性，比如上傳進(jìn)度
• react-natvie-fetch-blob 功能很強(qiáng)大，支持進(jìn)度，還有很多很細(xì)心的功能
• react-natvie-fetch-blob 性能也很好，基本能勝任數(shù)據(jù)傳輸?shù)乃泄δ?/li>

特性

• 傳輸數(shù)據(jù)直接存取，而不需要base64做跨接
• 文件接口支持一般文件，Asset 文件，相機(jī)膠卷文件
• Native-to-native 文件操作接口，減少了JS橋接而導(dǎo)致的性能損耗
• 文件流支持處理大文件
• Blob, File, XMLHttpRequest polyfills that make browser-based library available in RN (experimental)
• 支持JSON 流（Oboe.js）

相關(guān)

這個(gè)項(xiàng)目的起始出發(fā)點(diǎn)是為了解決這個(gè)問(wèn)題 facebook/react-native#854

還是看原文吧：

This project was started in the cause of solving issue facebook/react-native#854, React Native's lacks of Blob implementation which results into problems when transferring binary data.

It is committed to making file access and transfer easier and more efficient for React Native developers. We've implemented highly customizable filesystem and network module which plays well together. For example, developers can upload and download data directly from/to storage, which is more efficient, especially for large files. The file system supports file stream, so you don't have to worry about OOM problem when accessing large files.

In 0.8.0 we introduced experimental Web API polyfills that make it possible to use browser-based libraries in React Native, such as, FireBase JS SDK`

安裝

安裝包，安裝完您也可以直接跳到第5步按照wiki教材配置ios和Android環(huán)境

npm install --save react-native-fetch-blob

或者如果你使用CocoaPods 把下面的加入到您的Podfile

pod 'react-native-fetch-blob',:path => '../node_modules/react-native-fetch-blob'

自動(dòng)鏈接Native Modules

react-native link

使用下面的命令添加到Android AndroidManifest.xml 文件里

RNFB_ANDROID_PERMISSIONS=true react-native link

如果你是非默認(rèn)的項(xiàng)目結(jié)果，link腳本也許不生效。請(qǐng)參考the wiki手動(dòng)鏈接包（也很簡(jiǎn)單的）

看到這里小小的總結(jié)一下上面五步吧。要不你就1、3、4搞定，要不你就1、5搞定

對(duì)于Android 5.0或者更低版本的，授權(quán)許可外部擴(kuò)展存儲(chǔ)

Android 6.0發(fā)布以來(lái)，授權(quán)許可機(jī)制與之前有了些許改變。有興趣的同學(xué)可以參考Official Document,我是沒(méi)興趣的！

如果介紹外部存儲(chǔ)擴(kuò)展 (say, SD card storage) for Android 5.0 (or lower) devices，你需要添加下面代碼的到AndroidManifest.xml.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="com.rnfetchblobtest"android:versionCode="1"android:versionName="1.0"><uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>// 添加下面的兩句<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> ...

Also, if you're going to use Android Download Manager you have to add this to AndroidManifest.xml

<intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" />// 添加這一句<action android:name="android.intent.action.DOWNLOAD_COMPLETE"/> </intent-filter>

對(duì)于Android 6.0及以上

貌似不用干嘛呢

原文：

Beginning in Android 6.0 (API level 23), users grant permissions to apps while the app is running, not when they install the app. So adding permissions in AndroidManifest.xml won't work for Android 6.0+ devices. To grant permissions in runtime, you might use PermissionAndroid API.

使用

import RNFetchBlob from 'react-native-fetch-blob'

轉(zhuǎn)載于:https://my.oschina.net/KJhulinhua/blog/1014853

總結(jié)

以上是生活随笔為你收集整理的react-natvie-fetch-blob使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。