En React Native, ¿cómo puedo descargar una imagen del almacenamiento de Firebase y verla? ¿Hay un código de ejemplo?

Ejemplos que usan flujo. No tiene en cuenta los errores de recuperación / conexión.

Referencia: Interfaz: Referencia | Firebase, imagen

Descargue una imagen directamente desde Firebase Storage y guárdela en Imagen

Storage.js

importar * como firebase desde “firebase”;

exportar almacenamiento de clase predeterminado {
static displayFirebaseStorageImg (ref: string, callback: (url: string) => void) {

// ex: almacenamiento / images / [userId] /avatar/avatar.jpg
const imageRef = firebase.storage (). ref (ref);

imageRef.getDownloadURL (). then ((url: string) => callback (url));
}
}

PageWithImage.js

importar almacenamiento desde [ubicación Storage.js en mi caso: “../Storage”];

…… incluye un estado de tipo imgSource Image y su

// Donde se almacena la imagen en Almacenamiento
let ref = “images / img.jpg”;

Storage.displayFirebaseStorageImg (ref, (url: string) => this.setState ({imgSource: {uri: url}));

Puede usar un axios.get () dentro de su aplicación React Native para recuperar la imagen de su base de datos de Firebase.

Obviamente, debe apuntar get () a la ubicación correcta de la base de datos y la identificación de la imagen. Pero esa es una forma de hacerlo.

Base64 lo codifica antes de la vista de almacenamiento con un uri de datos.

Que yo sepa, soy la primera persona en resolver esto.