Partage
  • Partager sur Facebook
  • Partager sur Twitter

[React-Native] TabNavigator & StackNavigator

.... ce truc ....

    13 novembre 2017 à 14:08:05

    Salut,

    Alors voilà je bloque sur un problème pointilleux !! J'ai une TabNavigator et une StackNavigator (de react-navigation) imbriqué.

    ma structure :

    ->TabNavigator

         ->Main

          ->StackNavigator

              ->PageOne

              -> PageTwo


    Alors voilà mon problème lorsque je suis dans la PageTwo et que je clique sur Main je voudrais que mon stacknavigator ce reset. (Quand je retourne sur mon StackNavigator je retourne page2 et alors que je veux retourner sur la 1)

    Mon code :

    import React, { Component } from 'react';
    import { Text, Button, View } from 'react-native';
    import { TabNavigator, StackNavigator, NavigationActions} from 'react-navigation';
    
    const resetAction = NavigationActions.reset({
      index: 0,
      actions: [
        NavigationActions.navigate({ routeName: 'Main'})
      ],
      key: null
    })
    
    class PageOneScreen extends Component {
      render() {
        return (<View><Text> PageOne </Text><Button title="next" onPress={() => this.props.navigation.navigate('PageTwo')} /></View>);
      }
    }
    
    class PageTwoScreen extends Component {
      render() {
        return (<View><Text> PageTwo </Text><Button title="reset" onPress={() => this.props.navigation.dispatch(resetAction)} /></View>);
      }
    }
    
    class MainScreen extends Component {
      render() {
        return (<Text> Main </Text>);
      }
    }
    
    const stackNav = StackNavigator({
      PageOne: {screen: PageOneScreen},
      PageTwo: {screen: PageTwoScreen}
    });
    
    const tabNav = TabNavigator({
      Main: {screen: MainScreen},
      Stack: {screen: stackNav}
    });
    
    export default tabNav;

    Voilà j'ai essayer avec des reset mais du coup pas réussi ..

    -
    Edité par NutNut tu coco 13 novembre 2017 à 14:12:09

    • Partager sur Facebook
    • Partager sur Twitter
    Quand tu regardes l'abîme, l'abîme regarde aussi en toi.
      16 novembre 2017 à 22:27:20

      Salut!

      J'ai travaillé quelques semaines sur une application en react-native et tout ce que je peux te dire c'est : fuit react-navigation. En effet, j'avais quelques actions spécifiques à faire par rapport aux DrawerNavigator et StackNavigator et après avoir posté sur le Git de react-navigation ou encore StackOverflow la réponse était : "ce n'est pas possible apparemment". 

      La seule conclusion que je pourrais donner est que react-navigation n'est pas encore au point et que d'autres solutions de navigations (je ne me souviens plus des noms) étaient bien mieux pensées et offraient plus d'opportunités aux développeurs. 

      • Partager sur Facebook
      • Partager sur Twitter
        17 novembre 2017 à 9:51:09

        salut,

        Je m'étais fait la même conclusion ! je cherche actuellement une nouvelle navigation si un nom te revient merci en tout cas !

        • Partager sur Facebook
        • Partager sur Twitter
        Quand tu regardes l'abîme, l'abîme regarde aussi en toi.

        [React-Native] TabNavigator & StackNavigator

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown