Estoy desarrollando una aplicación con React Native utilizando Firebase Realtime Database como backend.

En una pantalla de "Editar", tengo un formulario que actualiza los datos (en una identificación específica) cuando se presiona el botón Enviar. Inmediatamente después de guardar, navega a la pantalla "Detalles" de ese elemento (reaccionar-navegación).

La pantalla Detalles extrae los datos de Firebase y muestra los detalles del elemento que se acaba de editar.

El problema es que guarda, pero va a la pantalla de detalles demasiado pronto (a pesar de que navegar está en la instrucción entonces). Entonces, cuando va a los detalles, tiene la información anterior a menos que retroceda por completo y vea la pantalla Detalles nuevamente. A continuación se muestra la función llamada onSubmit:

 const saveExisting = (data) => { Firebase.database() .ref("users/" + user.uid + "/items/" + itemId) .set(data, function (error) { if (error) console.log("Error saving existing item"); else console.log("Item Updated"); }) .then(navigation.navigate("Details", { id: itemId })); };

La pantalla Detalles luego extrae los datos de Firebase como se ve a continuación. Nota: estaba extrayendo más que solo el título, pero lo simplifiqué para esta publicación. Cuando pruebo solo con el título, experimento el mismo problema (muestra el título antes de la actualización).

 const [title, setTitle] = useState(""); useEffect(() => { Firebase.database() .ref("users/" + user.uid + "/items/" + id) .get() .then((snapshot) => { if (snapshot.exists()) { snapshot.val().name && setTitle(snapshot.val().name); } else { console.log("No data found"); } }) .catch((error) => { console.log("error: " + error); }); }, []);