TabNavigatorで画面に到達したときに関数を起動する方法は？ [REACT NAVIGATION]

Question

tab navigatorがロードされるときに、コンストラクタ（）とcomponentDidMount（）が呼び出されるという問題があります。 そして、ユーザーがという名前の画面に到達するたびにfunctionを呼び出す必要があります。myScreeenたとえば、 どうすればいいですか？

Answer 1

私はハックが見つかりました：

<Navigator 
    onNavigationStateChange={(prevState, currentState) => { 
    const getCurrentRouteName = (navigationState) => { 
    if (!navigationState) return null; 
    const route = navigationState.routes[navigationState.index]; 
    if (route.routes) return getCurrentRouteName(route); 
    return route.routeName; 
    }; 
    let currentRoute = getCurrentRouteName(currentState); 
    if(currentRoute == "A") { 
    console.log("TRIGGER") 
}}/>; 

をそして、あなたはあなたのコンポーネントにログに耳を傾け、次のように：

componentDidMount() { 
    let slf = this; 
    let log = console.log; 
    console.log = function(txt) { 
     if(txt == "TRIGGER") { 
     slf.myFunction(); // CALL HERE YOUR FUNCTION 
     } else { 
     log.apply(console, arguments); 
     } 
    } 
    } 

Answer 2

リアクトナビゲーションでは、ナビゲーション状態が変更されたときにメソッドを呼び出すために使用できるonNavigationStateChangeの小道具が用意されています。 screen tracking exampleには、新しい州のキーとルート名を取得できる例が示されています。例から

、あなたが routeをretrived一度 getCurrentRouteName方法では、あなたが const route = navigationState.routes[navigationState.index];を行うことができ、あなたは route.keyと route.routeNameを呼び出すことにより、キーとルート名を見つけることができます。