How to download a file with React Native?

by

Follow these steps:

  1. Run npm install rn-fetch-blob.

  2. Follow the installation instructions. If you want to manually install the package without using rnpm, go to their wiki.

  3. Finally, that’s how I made it possible to download files within my app:

    const { config, fs } = RNFetchBlob
let PictureDir = fs.dirs.PictureDir // this is the pictures directory. You can check the available directories in the wiki.
let options = {
  fileCache: true,
  addAndroidDownloads : {
    useDownloadManager : true, // setting it to true will use the device's native download manager and will be shown in the notification bar.
    notification : false,
    path:  PictureDir + "/me_"+Math.floor(date.getTime() + date.getSeconds() / 2), // this is the path where your downloaded file will live in
    description : 'Downloading image.'
  }
}
config(options).fetch('GET', "http://www.example.com/example.pdf").then((res) => {
  // do some magic here
})

More Related Contents:

  1. Conditional Text Rendering in React Native
  2. Setting environment variable in react-native?
  3. React Native version mismatch
  4. React navigation goBack() and update parent state
  5. Render HTML in React Native
  6. How to upload file to server using react-native
  7. React-native fetch() from https server with self-signed certificate
  8. React Native error: “Could not determine java version from ‘9.0.1’.”
  9. How do I display an animated gif in React Native?
  10. react-native-fbsdk error: No resource found that matches the given name: attr ‘android:keyboardNavigationCluster’
  11. How to navigate between different nested stacks in react navigation
  12. componentWillMount is deprecated and will be removed in the next major version 0.54.0 in React Native
  13. ES6, how can you export an imported module in a single line?
  14. FlatList inside ScrollView doesn’t scroll
  15. How to remove ‘Warning: Async Storage has been extracted from react-native core…’?
  16. StackNavigator through Component gives undefined error
  17. Renaming a React Native project?
  18. FlatList calls `onEndReached` when it’s rendered
  19. Invariant Violation: requireNativeComponent: “RNSScreen” was not found in the UIManager
  20. React-native: How to control what keyboard pushes up
  21. KeyboardAvoidingView not Working Properly
  22. React-Native, Scroll View Not Scrolling
  23. Getting “Cannot read property ‘pickAlgorithm’ of null” error in react native
  24. Auto scale image height with React Native
  25. react native get TextInput value
  26. However, this package itself specifies a `main` module field that could not be resolved
  27. emulator-5554 unauthorized for adb devices
  28. React Native – React Navigation transitions
  29. JSON Parse error: Unrecognized token’
  30. Call child function from parent component in React Native

Leave a Comment