Download a File in React Native

App.js

import * as FileSystem from 'expo-file-system';
import {Image} from 'react-native';

const foo = require('./assets/images/photo1.jpg');
const fooURI = Image.resolveAssetSource(foo).uri;

        <Button
          onPress={() => {
            let docDir = FileSystem.documentDirectory;
            let localFile = 'file://' + docDir + 'photo1.jpg';
            console.log('Using :' + docDir);
            FileSystem.downloadAsync(fooURI, localFile)
              .then(({uri}) => {
                console.log('Finished downloading to ' + uri);
                FileSystem.readDirectoryAsync('file://' + docDir)
                  .then((dir) => {
                    dir.forEach((val) => {
                      console.log('File: ' + val);
                    });
                  })
                  .catch(() => {
                    console.log('Error reading directory: ' + docDir);
                  });
              })
              .catch((error) => {
                console.error(error);
              });
          }}
          title="click me"
        />