react native download as blob unsupported

Looks like there’s an error when calling filesDownload in a react native app. Output error:

{ [Invariant Violation: The provided value 'blob' is unsupported in this environment.] line: 2074, column: 16, sourceURL: 'http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false', name: 'Invariant Violation', framesToPop: 1 }

[rubengarciam]

@RileyTomasek @evanbattaglia Couldn’t make it work for large files or some formats. Managed to get it working using react-native-fs’ downloadFile and calling Dropbox’s download HTTP endpoint instead

RNFS.downloadFile({ fromUrl: "https://content.dropboxapi.com/2/files/download", toFile: localPath, headers: {"Authorization": "Bearer XXXXXX", "Dropbox-API-Arg": JSON.stringify({path: PATH})} }).promise.then((response) => { if (response.statusCode == 200) { console.log('FILES Downloaded!') } else { console.log('SERVER ERROR') }})

[evanbattaglia]

Indeed, https://github.com/evanbattaglia/dropbox-sdk-js/commit/fbb202abbcf9e1a359293892863e8e155b471c90 seems to work for me.

_Edit_: I’ve discovered that a better way to get binary data for React Native is with ArrayBuffers (e.g. this.xhr.responseType = 'arraybuffer'):

https://github.com/dropbox/dropbox-sdk-js/compare/master...evanbattaglia:evanbattaglia/download-react-native?expand=1

With this ArrayBuffer to base64 gist (https://gist.github.com/jonleighton/958841) you can then write the file out with react-native-fs, with e.g.:

RNFS.writeFile(dest, base64ArrayBuffer(resp.fileArrayBuffer), 'base64');

Kind of awkward but the best I’ve found so far.

Edit: See rubengarciam’s solution below, it works for me and is simpler.