从选项卡导航器选项卡按下触发类函数调用-反应本机/导航

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。