Estaba pensando que mi código era correcto, pero resultó que me dio indefinido, sin embargo, cuando hago clic en un botón para ir a 'Lista'; ¡funciona! simplemente no puedo hacerlo desde TouchableOpacity onPress. Aquí está mi código
import { StyleSheet, Text, View,TouchableOpacity } from 'react-native' import {useSelector, useDispatch} from 'react-redux' import {fetchDogsAsync} from '../store/action/index' const DogsList = ({navigation}) => { const dispatch = useDispatch() const {dogs,isLoading} = useSelector(state => state) useEffect(() => { dispatch(fetchDogsAsync()) }, [dispatch]) console.log(dogs,isLoading); return ( <View> { isLoading ? <Text>Loading...</Text> : (dogs?.message).map((dog,idx)=> { return ( <TouchableOpacity key={dog} onPress={() => navigation.reset({ index: 0, routes: [{name: 'List', params: {breed: dog}}], })}><Text>{dog}</Text></TouchableOpacity> ) }) } </View> ) } export default DogsList const styles = StyleSheet.create({})<Navigator.Screen name="initial" component={ListScreen} options={{ title: "", headerShown: false }} />solo los componentes utilizados en las etiquetas de pantalla recibirán la propiedad de navegación. Aquí ListScreen recibirá el accesorio de navegación. Sin embargo, los componentes secundarios de ListScreen no recibirán la función de navegación. Pero puede usar useNavigation hook en cualquier parte del árbol de componentes que le dará el objeto de navegación. Puedes leer más sobre esto en su documentación oficial.