從選項卡導航器選項卡按下觸發類函數調用-反應本機/導航

Question

我有一個TabNavigator組件，並且希望在按下Tab鍵時重置各個“ Tab屏幕”狀態。 如何在Tab鍵按下時調用類（組件）方法？ 我看過tabBarOnPress，但這需要父級（TabNavigator）的函數。 我希望觸發類方法，並且我不想導出該方法。

Answer 1

假設您有這樣的TabNavigator

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
  }
}

• 您也可以在組件級別使用navigationOptions。