NavigationEvents reference
NavigationEvents
is a React component providing a declarative API to subscribe to navigation events. It will subscribe to navigation events on mount, and unsubscribe on unmount.
Component props
navigation
- navigation props (optional, defaults to reading from React context)onWillFocus
- event listeneronDidFocus
- event listeneronWillBlur
- event listeneronDidBlur
- event listener
The event listener is the same as the imperative navigation.addListener(...)
API.
Example
import React from 'react';
import { View } from 'react-native';
import { NavigationEvents } from 'react-navigation';
const MyScreen = () => (
<View>
<NavigationEvents
onWillFocus={(payload) => console.log('will focus', payload)}
onDidFocus={(payload) => console.log('did focus', payload)}
onWillBlur={(payload) => console.log('will blur', payload)}
onDidBlur={(payload) => console.log('did blur', payload)}
/>
{/*
Your view code
*/}
</View>
);
export default MyScreen;