猫型iPS細胞研究所

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== react-navigation======

====== インストール ======
<code>
npm install --save react-navigation
</code>

===== イベント =====

下記イベントリスナーを追加したコンポーネントントは、フォーカス時やフォーカスを外れたときにイベントを実行できる。
navigationの「←」でもイベントは発生する。
<code>
  async componentDidMount(e){

    this.props.navigation.addListener('didFocus', () => console.log('didFocus'))
    this.props.navigation.addListener('didBlur', () => console.log('didBlur'))
 }
</code>

↓も同じ　[[https://reactnavigation.org/docs/en/navigation-events.html|NavigationEvents reference]]
イベントを発生させたいコンポーネントのViewの下に追加すればいい。(importが必要)
<code>
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')}
    />
</code>

猫型iPS細胞研究所

ユーザ用ツール

サイト用ツール

ページ用ツール