我正在开发React Native App。我正在使用react-navigation来浏览屏幕。
我有2个堆栈导航器，他们留在一个标签导航器。我想处理点击事件时，我按下标签栏上的选项卡项目刷新其视图。

export const HomeStack = StackNavigator({
  Home: {screen: ScreenHome},
  Detail: {screen: ScreenDetail}
})
export const UserStack = StackNavigator({
  User: {screen: ScreenUser}
})
export const Tabbar = TabNavigator({
  HomeTab: {
    screen: HomeStack,
  },
  UserTab: {
    screen: UserStack,
  }   
}, {
  tabBarComponent: ({ jumpToIndex, ...props}) => (
       <TabBarBottom
          {...props}
          jumpToIndex={(index) => {
            if(props.navigation.state.index === index) {
            props.navigation.clickButton(); //----> pass props params (code processes)
          }
          else {
            jumpToIndex(index);
          }
        }
      }
    />
   ),
   tabBarPosition: 'bottom'
});
class TabClass extends Component{
  constructor(props){
    super(props)
    this.clickButton = this.clickButton.bind(this)
  }
  clickButton(){
    console.log('click button')
  }
  render (){
    return (
      <Tabbar  clickButton={()=> this.clickButton()}/>
    )
  }
}

我想把clickButton（）函数从TabClass组件传递给处理事件单击选项卡栏的代码。当if（props.navigation.state.index = index）时，我希望它会调用clickButton（）。我试过了，但不管用。有什么办法可以解决我的事情吗？
我尝试了onNavigationStateChange（prevState，currentState）。

class TabClass extends Component{
  constructor(props){
    super(props)
    this.clickButton = this.clickButton.bind(this)
  }
  clickButton(){
    console.log('click button')
  }
  _handleNavagationStateChange(prevState, currentState){
    console.log('handle navigation state change')
  }
  render (){
    return (
        <Tabbar onNavigationStateChange={(prevState, currentState) => {
          this._handleNavagationStateChange(prevState, currentState)
        }}
        clickButton={()=> this.clickButton()}
        />
    )
  }
}

但是，_handleNavagationStateChange（prevState，currentState）只在导航状态改变时运行（例如，如果我停留在HomeTab，我点击User Tab Item，这个函数会运行;如果我停留在“主页选项卡”，单击“主页选项卡项”，则此功能将不会运行）。
有什么方法可以处理标签上的点击事件吗？