Tengo dos preguntas aquí, una pregunta de Expo MediaLibrary y una pregunta de alcance/Javascript vinculada.

Tengo una aplicación ReactNative Expo que carga imágenes recientes de la biblioteca de medios de un usuario. Para esto necesito usar el método MediaLibrary.getAssetsAsync().

De manera molesta, .getAssetsAsync() no devuelve el Uri local necesario para mostrar la imagen. Devuelve la propiedad uri que se ve así: "uri": "ph://8A1262C3-23F7-4BD3-8943-C01128DCEEB1"

A menos que me equivoque, no puedo usar un uri de archivo de activos como este para mostrar imágenes en reaccionar, necesitamos localUri. Entonces, para cada foto, llamo al método MediaLibrary.getAssetInfoAsync(), que devuelve localUri. Así es como lo estoy logrando:

 const selectAlbum = async (albumName) => { const foundAlbum = await MediaLibrary.getAssetsAsync({album: albumName, mediaType: 'photo', first: 20}) const assets = foundAlbum['assets'] //array of photos or 'assets' const assetsWithInfo = [] //for each selected photo for(let i=0; i<assets.length; i++){ const assetWithInfo = getAssetInfo(assets[i].id) //console.log(assetWithInfo) //doesnt work, null etc - WHY?! assetsWithInfo.push(assetWithInfo) } } const getAssetInfo = async (id) =>{ let res = await MediaLibrary.getAssetInfoAsync(id) let asset={ creationTime: res['creationTime'], isFavorite: res['isFavorite'], localUri: res['localUri'], } //console.log(asset) //works, object correctly displays return asset }

Mis preguntas son:

1. ¿Hay una forma más eficiente de hacer esto, es decir, mostrar imágenes de MediaLibrary sin tener que llamar a tantas funciones? Esto se siente desordenado y más complicado de lo que debería ser.

2. En el asíncrono getAssetInfo, el objeto de activo se muestra correctamente (usando el archivo console.log) con todas las propiedades. Pero cuando devuelvo este objeto a la función selectAlbum y console.log el resultado, obtengo un valor nulo, etc. ¿Por qué?