TabNavigator(在Tab上单击)不会调用React Native的生命周期方法

时间:2017-09-19 03:23:48

标签: reactjs react-native react-native-android react-native-ios

我会在我的应用程序中添加tabBar,这是第一次调用native的生命周期。还可以在第一时间从webservice获取数据。但现在我将更改选项卡上没有一个生命周期委托调用。我希望每次更改选项卡时都更新视图。

这意味着想要使用标签更改带有webservice的更新视图。

没有人调用任何方法:

componentWillMount
componentDidMount
componentWillReceiveProps
shouldComponentUpdate
componentWillUpdate
componentWillUnmount
componentDidUpdate

GIF

enter image description here

1 个答案:

答案 0 :(得分:0)

**its depend on how you used tabbar** 

const Tabs = TabNavigator(
  {
    Tab1: { screen: TabList1 },
    Tab2: { screen: TabList2 },
  },
  {
    initialRouteName: 'Tab1',
    swipeEnabled: true,
    animationEnabled: true,
  },
);

<Tabs
          screenProps={{
            onRefresh: this.yourrefeshcall,
          }}
      />


then 

Tabs = (props) => {
    if (props) {
      return (
        < Tabs
            navigation={props.navigation}
            screenProps={{
              onRefresh: this.yourrefeshcall,

            }}
        />
      );
    }

**make your call here** 

yourrefeshcall=()=>{

}