ユーザ用ツール

サイト用ツール


サイドバー

reactnative:react-navigation

react-navigation

インストール

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')}
    />
reactnative/react-navigation.txt · 最終更新: 2019/03/08 06:20 by ips