0

Je vais ajouter le tabBar dans mes applications le cycle de vie de la réaction native appelée à la première fois ça va. Obtenez également des données de webservice à la première fois. Mais maintenant je vais changer l'onglet sur cliquez sur aucun délégué lifecycle appelé. Je souhaite mettre à jour la vue à chaque fois que je change d'onglet.TabNavigator (on Tab) ne fait pas appel à la méthode du cycle de vie de React Native

Ses moyens veulent mettre à jour la vue avec webservice sur changement avec onglet.

Aucune méthode est appelée:

componentWillMount 
componentDidMount 
componentWillReceiveProps 
shouldComponentUpdate 
componentWillUpdate 
componentWillUnmount 
componentDidUpdate 

GIF:

enter image description here

Répondre

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

Okey. Je vais essayer le code. –

+0

où nous définissons les onglets = (accessoires) => { –

+0

pouvez-vous mettre à jour le code pour moi, de sorte que je vais l'utiliser facilement –