profonde Naviguer sans instancier les composants intermédiaires

Question

Je veux réinitialiser une pile et de naviguer à deux pas. Ce modèle fonctionne bien:

import { NavigationActions } from 'react-navigation' 

const resetAction = NavigationActions.reset({ 
    index: 1, 
    actions: [ 
    NavigationActions.navigate({ routeName: 'List'}), 
    NavigationActions.navigate({ routeName: 'Detail', params: {id: theId}) 
    ] 
}) 
this.props.navigation.dispatch(resetAction) 

Mais il y a un problème. Je ne veux pas rendre la liste. La page Détails récupère l'élément à partir du serveur en fonction de theId. Cependant, avant cela, la liste récupérera tous les éléments du serveur, ce qui est inutile et inutile.

J'ai besoin pour le bouton Retour sur le détail pour travailler, ce qui signifie revenir à la liste. Y a-t-il un moyen de mettre List dans la pile sans l'instancier et le rendre actuellement en provoquant une charge supplémentaire sur mon serveur?

Answer 1

solution que je peux Simplest penser est d'envoyer un paramètre à la composante de la liste et la vérification du paramètre avant de faire la demande ou le rendu.

Exemple

import { NavigationActions } from 'react-navigation' 

const resetAction = NavigationActions.reset({ 
    index: 1, 
    actions: [ 
    NavigationActions.navigate({ routeName: 'List', params: { reset: true }}), 
    NavigationActions.navigate({ routeName: 'Detail', params: {id: theId}) 
    ] 
}) 
this.props.navigation.dispatch(resetAction) 

---

class List extends Component { 
    // ... 
    componentDidMount() { 
    //example for control 
    let list = []; 

    if(this.props.navigation.state.params.reset !== true) { 
     // populate list 
    } 
    this.setState({ list }); 
    } 
    // ... 
}