react-navigation/docs/api/withNavigation.md

withNavigation

withNavigation is a Higher Order Component which passes the navigation prop into wrapped Component. It's useful when you cannnot pass the navigation prop into into the component directly, or don't want to pass it in case of a deeply nested child.

Example

import { Button } 'react-native';
import { withNavigation } from 'react-navigation';

const MyComponent = ({ to, navigation }) => (
    <Button title={`navigate to ${to}`} onPress={() => navigation.navigate(to)} />
);

const MyComponentWithNavigation = withNavigation(MyComponent);