Saltar al contenido

¿Cómo descargar un archivo con React Native?

Solución:

Acabo de implementar la función de descarga hace una hora: p

Sigue estos pasos:

a) npm install rn-fetch-blob

b) siga las instrucciones de instalación.

b2) si desea instalar manualmente el paquete sin usar rnpm, vaya a su wiki.

c) Finalmente, así es como hice posible descargar archivos dentro de mi aplicación:

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
})

Si usa Expo, react-native-fetch-blob no funcionará. Usar FileSystem.

Aquí hay un ejemplo de trabajo:

const { uri: localUri } = await FileSystem.downloadAsync(remoteUri, FileSystem.documentDirectory + 'name.ext');

Ahora tu tienes localUri con la ruta al archivo descargado. Siéntase libre de establecer su propio nombre de archivo en lugar de name.ext.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *