Vengo aquí después de dos días enteros sin éxito. Quiero incrementar mi arreglo con las fotos seleccionadas por el Usuario, para regresar a mi base de datos una lista de uri. Pero cuando el usuario eligió la primera imagen y volvió a abrir el navegador de Android para tomar una nueva imagen, vi que la matriz no aumenta. Toma el primer valor, y cuando dejo el método selectImage() vuelve a estar vacío.
Aquí está mi función principal:
EDITAR :
const arrayImage = []; const selectImage = () => { const options = { maxWidth: 2000, maxHeight: 2000, storageOptions: { skipBackup: true, path: 'images' } }; launchImageLibrary(options, response => { if (response.didCancel) { console.log('User cancelled image picker'); } else if (response.error) { console.log('ImagePicker Error: ', response.error); } else if (response.customButton) { console.log('User tapped custom button: ', response.customButton); } else { async(response); } }) function async(param) { setTimeout(function() { const source = { uri: param.assets[0].uri } array ? setImage(source) : arrayImage.push(source) console.log(arrayImage); }, 2000); } console.log(arrayImage) };Intenté con promesas, cambiando mi función en asíncrono, con SetTimeOut pero supongo que el problema no está en Asynchronous. ¿Alguien en busca de ayuda? Muchas gracias.
Use useState para su matriz para mantener el estado incluso si sale de la pantalla:
import { useState } from "react"; const yourComponent = () => { const [array, setArray] = useState([]); }Y en su función en lugar de array.push(source) lo usa así:
const newArray = [...array, source]; setArray(newArray);Y esto debería mantener su resultado, ya que creo que el problema proviene de la matriz y no de la función asíncrona.