Tengo una pantalla de navegador de pestañas en la que hay 2 pestañas. La pila principal tiene un botón en el encabezado, que debería funcionar de manera diferente a dos pantallas/pestañas diferentes.
Ahora, lo que he hecho es -
navigation.setOptions({ headerRight: () => ( <TouchableOpacity> <Text>Update</Text> </TouchableOpacity> ), }); ¿Cómo puedo manejar el clic del botón Save desde ambos componentes en Tabs Navigator?
Nota : estoy usando react-navigation@v6
Aquí, quiero dar la respuesta a mi pregunta yo mismo.
La solución es no configurar el botón derecho de navegación desde el navegador principal, acceda a la navegación principal desde cada pantalla de pestaña y configure el encabezado derecho.
También debe usar useFocusEffect para agregar esto porque puede ser diferente para diferentes pestañas del navegador. Así es como puedes hacerlo:
import { useFocusEffect } from '@react-navigation/native'; useFocusEffect(() => { navigation.getParent().setOptions({ headerRight: () => ( <TouchableOpacity disabled={true} style={styles.headerRight}> <Text style={{ color: 'black' }}>Save</Text> </TouchableOpacity> ), }); });