Bonjour à tous, 

Je suis le cours sur react-native. J'en suis à l'implémentation d'un menu de navigation et je n'arrive pas à utiliser "createBottomTabNavigator".

Il me semble que le cours n'est pas à jour avec les dernières versions des différents modules, j'ai essayé plusieurs choses mais je n'y arrive pas.

Voilà l'erreur que je rencontre : 

D'avance merci !

-
Edité par happy_green_man 2 avril 2020 à 17:12:06

happy_green_man a écrit:

Bonjour à tous, 

Je suis le cours sur react-native. J'en suis à l'implémentation d'un menu de navigation et je n'arrive pas à utiliser "createBottomTabNavigator".

Il me semble que le cours n'est pas à jour avec les dernières versions des différents modules, j'ai essayé plusieurs choses mais je n'y arrive pas.

Voilà l'erreur que je rencontre : 

D'avance merci !

-
Edité par happy_green_man 2 avril 2020 à 17:12:06

-
Edité par MarouanKhatab 16 septembre 2020 à 15:51:28

MarouanKhatab a écrit:

happy_green_man a écrit:

Bonjour à tous, 

Je suis le cours sur react-native. J'en suis à l'implémentation d'un menu de navigation et je n'arrive pas à utiliser "createBottomTabNavigator".

Il me semble que le cours n'est pas à jour avec les dernières versions des différents modules, j'ai essayé plusieurs choses mais je n'y arrive pas.

Voilà l'erreur que je rencontre : 

D'avance merci !

-
Edité par happy_green_man 2 avril 2020 à 17:12:06

Hello, j'ai le même problème! tu as trouvé un solution ? 

-
Edité par MarouanKhatab 16 septembre 2020 à 15:51:28

Bonjour,

Je suis désolé pour cette réponse tardive, et pour ne pas avoir apporté ma solution et clos ce sujet. J'espère que as peu te débloquer avant cette réponse. 

En effet la méthode createBottomTabNavigator n'est plus dans la librairie react-navigation-stack, mais dans react-navigation-tabs.

L'import doit donc se faire comme suit : 

import {createBottomTabNavigator} from 'react-navigation-tabs';

et l'appel à la méthode : 

const MoviesTabNavigator = createBottomTabNavigator({

  Test:{
    screen: Test
  },
  Search: {
    screen: SearchStackNavigator,
    navigationOptions:{
      //Définition du rendu des icones
      tabBarIcon: () => {
        return(
          <Image
            source={require('../Images/ic_search.png')}
            style={styles.icon}/>
        )
      }
    }
  },
  Favorites:{
    screen: FavoritesStackNavigator,
    navigationOptions:{
      tabBarIcon: () => {
        return(
          <Image
            source ={require('../Images/ic_favorite.png')}
            style={styles.icon}/>
        )
      }
    }
  }
},