0

私は、アプリケーションにtabBarを追加します。初めて反応したネイティブのライフサイクルが呼び出されます。また、初めてWebサービスからデータを取得します。しかし今は、ライフサイクルの代表者が呼ばれていないクリックをタブで変更します。タブを変更するたびにビューを更新したいTabNavigator(タブクリック時)は、ネイティブのライフサイクルメソッドを呼び出さない

これは、webserviceでビューをタブで変更して更新したいということです。

ありません1つのメソッドが呼び出されます。

componentWillMount 
componentDidMount 
componentWillReceiveProps 
shouldComponentUpdate 
componentWillUpdate 
componentWillUnmount 
componentDidUpdate 

GIF

enter image description here

答えて

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=()=>{ 

} 
+0

オーケー。私はコードを試してみる。 –

+0

私たちはタブを定義する=(小道具)=> { –

+0

私のためのコードを更新することができますので、私はそれを簡単に使用します –

関連する問題