/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

0 vote277 views1 answer
Date in react js
Javascript React
2 votes251 views1 answer
Text decoration in react
Javascript React
0 vote242 views1 answer
How to use mdbreact in react js
Javascript React
0 vote256 views1 answer
How to use empty href link in reactjs
Javascript React
48 votes234 views1 answer
Emmet not working in react nextjs
Javascript React
11 votes256 views3 answers
Add condition inside a className in reactjs
Javascript React
0 vote236 views1 answer
React make component full screen
Javascript React
3 votes268 views2 answers
React get route path
Javascript React
0 vote236 views1 answer
React select remove the loading indicator
Javascript React
0 vote237 views1 answer
React-redux form preventdefault
Javascript React