mirror of
https://github.com/status-im/react-navigation.git
synced 2025-02-25 09:35:19 +00:00
18 lines
609 B
Markdown
18 lines
609 B
Markdown
|
|
||
|
|
# withNavigation
|
||
|
|
|
||
|
|
[`withNavigation`](/src/views/withNavigation.js) 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
|
||
|
|
|
||
|
|
```js
|
||
|
|
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);
|
||
|
|
```
|