Unable to download image to local directory from url in expo react native

Question

I am unable to download image in expo application(React Native for Android) after building my app file, but I am able to download image while debugging the application using expo client

      import * as Sharing from 'expo-sharing';
      import * as FileSystem from 'expo-file-system';
      import * as MediaLibrary from 'expo-media-library';
      import * as Permissions from "expo-permissions";
    
       const downloadFtn = async () => {
            console.log("downloadFtn");
            const fileUri: string = `${FileSystem.documentDirectory}test.png`;
            const downloadedFile: FileSystem.FileSystemDownloadResult = await FileSystem.downloadAsync("https://i.ibb.co/K5Tyv2C/img-5-1.png", fileUri);
            console.log(FileSystem.documentDirectory);
            console.log(downloadedFile.status);
            if (downloadedFile.status != 200) {
                console.log(downloadedFile);
            } else {
                const perm = await Permissions.askAsync(Permissions.MEDIA_LIBRARY);
                if (perm.status != 'granted') {
                    return;
                }

                try {
                    const asset = await MediaLibrary.createAssetAsync(downloadedFile.uri);
                    const album = await MediaLibrary.getAlbumAsync('Download');
                    if (album == null) {
                        await MediaLibrary.createAlbumAsync('Download', asset, false);
                    } else {
                        await MediaLibrary.addAssetsToAlbumAsync([asset], album, false);
                    }
                } catch (e) {
                    handleError(e);
                }
            }
        }

Answer 1

This is my code, it work well

import {shareAsync} from "expo-sharing";
import * as MediaLibrary from 'expo-media-library';
import * as FileSystem from 'expo-file-system';
function getAllUrlParams(url) {

  // get query string from url (optional) or window
  var queryString = url ? url.split('?')[1] : window.location.search.slice(1);

  // we'll store the parameters here
  var obj = {};

  // if query string exists
  if (queryString) {

    // stuff after # is not part of query string, so get rid of it
    queryString = queryString.split('#')[0];

    // split our query string into its component parts
    var arr = queryString.split('&');

    for (var i = 0; i < arr.length; i++) {
      // separate the keys and the values
      var a = arr[i].split('=');

      // set parameter name and value (use 'true' if empty)
      var paramName = a[0];
      var paramValue = typeof (a[1]) === 'undefined' ? true : a[1];

      // (optional) keep case consistent
      paramName = paramName.toLowerCase();
      if (typeof paramValue === 'string') paramValue = paramValue.toLowerCase();

      // if the paramName ends with square brackets, e.g. colors[] or colors[2]
      if (paramName.match(/\[(\d+)?\]$/)) {

        // create key if it doesn't exist
        var key = paramName.replace(/\[(\d+)?\]/, '');
        if (!obj[key]) obj[key] = [];

        // if it's an indexed array e.g. colors[2]
        if (paramName.match(/\[\d+\]$/)) {
          // get the index value and add the entry at the appropriate position
          var index = /\[(\d+)\]/.exec(paramName)[1];
          obj[key][index] = paramValue;
        } else {
          // otherwise add the value to the end of the array
          obj[key].push(paramValue);
        }
      } else {
        // we're dealing with a string
        if (!obj[paramName]) {
          // if it doesn't exist, create property
          obj[paramName] = paramValue;
        } else if (obj[paramName] && typeof obj[paramName] === 'string'){
          // if property does exist and it's a string, convert it to an array
          obj[paramName] = [obj[paramName]];
          obj[paramName].push(paramValue);
        } else {
          // otherwise add the property
          obj[paramName].push(paramValue);
        }
      }
    }
  }

  return obj;
}
export class fileAPI {
    downloadFile = async (url) => {
        let params = getAllUrlParams(url);
        console.log("params", params);
        let file_name = params.name;
        console.log("file_name", file_name)
        if (file_name !== null) {
            FileSystem.downloadAsync(
                url,
                FileSystem.documentDirectory + file_name
            )
                .then(async ({uri}) => {
                    console.log('Finished downloading to ', uri);
                    MediaLibrary.createAssetAsync(uri).then(asset => {
                        console.log('asset', asset);
                        this.share(asset)
                        MediaLibrary.createAlbumAsync('albumnameyouneedtosave', asset)
                            .then(() => {
                                console.log("download complete");
                            })
                            .catch(error => {
                                console.log("issue with download contact support");
                            });
                    });

                })
                .catch(error => {
                    console.error(error);
                });
        }
    };
    share = async (asset) => {
        console.log(asset.filename.split("."))
        console.log(asset.filename.split(".").length)
        await shareAsync(asset.uri, {
            UTI: "." + asset.filename.split(".")[asset.filename.split(".").length - 1],
            mimeType: "application/" + asset.filename.split(".")[asset.filename.split(".").length - 1]
        });
    }
}