Parece que no puedo entender cómo pasar la variable con mecanografiado en reaccionar nativo, probé los parámetros pero dice que undefined no es un objeto (evaluando 'navigation.props.value').
abajo están los códigos.
import {useNavigation} from '@react-navigation/core'; const navigation = useNavigation(); ....... <TouchableOpacity onPress={() => navigation.navigate('NewsDetails', {value: 'hi', })}> <Block row flex={0} align="center"> <Text p color={colors.link} semibold size={sizes.linkSize} marginRight={sizes.s}> Read Article </Text> <Image source={assets.arrow} color={colors.link} /> </Block> </TouchableOpacity>luego, para mostrarlo en la pantalla, esto es lo que había hecho pero no funciona
<Text p marginBottom={sizes.s}> {navigation.props.value} </Text>Reaccionar las variables de paso de navegación como parámetros , no como accesorios . Puede pasarlo usando ganchos, pero luego necesitará usar el gancho useRoute para obtener la ruta en la siguiente pantalla, luego obtenerla como route.params.value
const nextScreen = () => { const route = useRoute() return <Text>route.params.value</Text> }Tenga en cuenta que puede pasar los accesorios de navegación y ruta desde la pila del navegador, y luego no debería necesitar usar ganchos:
Dado que NewsDetails es una pantalla a la que puede navegar, es manejada por un navegador, por lo que el navegador pasa la route y los accesorios de navigation a esta pantalla. Puede acceder a esto en su componente NewsDetails desde los accesorios de pantalla directamente de la siguiente manera.
const NewsDetails = ({route}) => { const value = route.params.value return (...) }