ReactNavigationでビューが表示されるタイミングを教える方法

Question

私はReactNavigationを使用していますが、データリフレッシュをトリガできるように、ビューがいつ表示されるのかが分かりません。この例では、別のナビゲータNavigatorIOS - Is there a viewDidAppear or viewWillAppear equivalent?を使用していますが、https://reactnavigation.org/でどのように動作するかわかりません。

ナビゲーションディスパッチでconsole.logが表示されますが、コンポーネント/画面がフォアグラウンドにあるかどうかを知るために、画面/コンポーネントレベルにフックできるイベントハンドラがありますか？どういうわけかgetStateForActionメソッドにフックする必要がありますか？ https://reactnavigation.org/docs/routers/api。実際にカスタムルートハンドラを作成する必要はなく、ビューがフォアグラウンドに入るかどうかを検出するだけです。ナビゲーションイベントを使用して、何とか行うことができます。

Answer 1

私はこれを有効にして、アクティブな画面を追跡し、それをルートのナビゲーションonNavigtionChangeイベントに添付して、控除アクションとストアを作成しました。画面部品

componentWillReceiveProps(nextProps) { 
    if (nextProps.activeScreen === 'MyScreenName' && nextProps.activeScreen !== this.props.activeScreen) { 
    // put your on view will appear code here 
    } 
    } 

Answer 2

リアクションナビゲーションを使用する場合は、コンポーネントを画面として提供します。あなたはそれらの中であなたが望むものを扱うことができます。これらは反応成分なので、成分の成分量はと成分の成分量はです。レンダリングをブロックしていないので、componentDidMountを使用する方が良いです。

初めてコンポーネントをレンダリングする場合は、コンポーネントの部品番号が適しています。次回は、のcomponentWillReceivePropsを使用してください。この関数は、コンポーネントが再び描画されたときに呼び出されます。

更新： 小道具が変更されていない場合は、componentWillReceivePropsがトリガされません。そして私はあなたの状況でそれが起こったと思います。カスタムルーターを作成するか、間隔を置いてトリガーするタイマーを使用する必要があります。