Aquí está mi componente:

 function MyHeader({navigation}){ let cartPress = () => navigation.push("Cart"); return( <View> <TouchableOpacity onPress={cartPress}> <Text>Cart</Text> </TouchableOpacity> </View> ); } export default MyHeader;

Cuando lo llamo en el siguiente componente:

 import React from 'react'; import MyHeader from "../MyHeader"; function MyScreen({navigation}){ return( <View> <MyHeader /> </View> ); } export default MyScreen;

Recibo el siguiente error en el componente MyScreen:

TypeError: undefined no es un objeto (evaluando 'navigation.push').

Sin embargo, cuando llamo a lo que hay en el componente MyHeader sin llamar al componente AppHeader, no recibo ese error:

 import React from 'react'; import MyHeader from "../MyHeader"; function MyScreen({navigation}){ let cartPress = () => navigation.push("Cart"); return( <View> <TouchableOpacity onPress={cartPress}> <Text>Cart</Text> </TouchableOpacity> </View> ); } export default MyScreen;

Cuál es el problema ?