/Javascript/React/How to download an mp3 file in react native

How to download an mp3 file in react native

// use this package rn-fetch-blob
requestToPermissions = async () => {
    try {
      const granted = await PermissionsAndroid.request(
        PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
        {
          title: 'Music',
          message:
            'App needs access to your Files... ',
          buttonNeutral: 'Ask Me Later',
          buttonNegative: 'Cancel',
          buttonPositive: 'OK',
        },
      );
      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
        console.log('startDownload...');
        this.startDownload();
      }
    } catch (err) {
      console.log(err);
    }
  };


startDownload = () => {
    const {tunes, token, currentTrackIndex} = this.state;
    let {url, name} = tunes[currentTrackIndex];
    RNFetchBlob.config({
      fileCache: true,
      appendExt: 'mp3',
      addAndroidDownloads: {
        useDownloadManager: true,
        notification: true,
        title: name,
        path: RNFetchBlob.fs.dirs.DownloadDir + `${name}`, // Android platform
        description: 'Downloading the file',
      },
    })
      .fetch('GET', url)
      .then(res => {
        console.log('res', res);
        console.log('The file is save to ', res.path());
      });
  };

Source: stackoverflow.com

Similar codes

1 vote439 views1 answer
How to add two elements in one path in react router v6
Javascript React
38 votes394 views2 answers
How to write a comment in react js
Javascript React
0 vote374 views1 answer
How to declare a variable in react
Javascript React
0 vote372 views1 answer
Sweper slider react
Javascript React
1 vote384 views1 answer
React native object is empty
Javascript React
0 vote423 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
5 votes328 views3 answers
React routes multiple compoenents
Javascript React
2 votes385 views1 answer
React strict mode
Javascript React
0 vote344 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
0 vote366 views1 answer
How to add debounce in react redux js
Javascript React