npm install --save react-navigation
下記イベントリスナーを追加したコンポーネントントは、フォーカス時やフォーカスを外れたときにイベントを実行できる。
navigationの「←」でもイベントは発生する。
async componentDidMount(e){
this.props.navigation.addListener('didFocus', () => console.log('didFocus'))
this.props.navigation.addListener('didBlur', () => console.log('didBlur'))
}
↓も同じ NavigationEvents reference
イベントを発生させたいコンポーネントのViewの下に追加すればいい。(importが必要)
import { NavigationEvents } from 'react-navigation'
return (
<View style={styles.view}>
<NavigationEvents
onWillFocus={() => console.log('will focus')}
onDidFocus={() => console.log('did focus')}
onWillBlur={() => console.log('will blur')}
onDidBlur={() => console.log('did blur')}
/>