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')} />