タブ・ナビゲーター・タブからのトリガー・クラス関数呼び出しPress-Reactネイティブ/ナビゲーション

Question

TabNavigatorコンポーネントがあり、個々のタブ画面状態をタブ・プレスでリセットする必要があります。タブプレスでクラス（コンポーネント）メソッドを呼び出すにはどうすればよいですか？私はtabBarOnPressを見てきましたが、これは親レベル（TabNavigator）から関数を受け取ります。クラスメソッドをトリガする必要があり、そのメソッドをエクスポートしたくありません。

Answer 1

は、あなたが同様のコンポーネントレベルでnavigationOptionsを使用することができ、この

const HOME = TabNavigator({ 
    [SCREENS.EXPLORESCREEN]: { screen: ExploreScreen }, 
    [SCREENS.ASKSCREEN]: { screen: AskScreen }, 
    },{ 
     initialRouteName: SCREENS.EXPLORESCREEN 
    }) 
    const PrimaryNav = StackNavigator({ 
    [SCREENS.HOMESCREEN]: { 
    screen: HOME, 
    navigationOptions=({navigation})=>{ 
    return{ 
      tabBarOnPress :()=>{ 
      if (typeof navigation.state.params.cancelState!=="undefined"){ 
       navigation.state.params.cancelState() 
      } 
      else{ 
      //your stuff 
      } 
      } 
     } 
    } 
    }, 
}, 
    { 
    // Default config for all screens 
    headerMode: "screen", 
    initialRouteName: SCREENS.HOMESCREEN 
    , 

    } 

); 

ExploreScreen.js

class ExploreScreen extends Component { 

    componentDidMount(){ 
    this.props.navigation.setParams({ 
    cancelState:this.cancelState 
    }) 

    } 
    cancelState=()=>{ 
    //your Stuff 
    } 
} 

• ようTabNavigatorコンテナがあるとします。