`createStackNavigator()` a été déplacé vers `react-navigation-stack`

Question

J'utilise react-navigation dans mon projet, et cette erreur apparaît.

J'ai googlé ce message d'erreur et n'ai trouvé aucun résultat.

(je ne peux pas encore poster d'images)

Le message d'erreur indique :

 `createStackNavigator()` has been moved to `react-navigation-stack`. See https://reactnavigation.org/docs/4.x/stack-navigator.html for more details.

Le code a fonctionné sur la machine de mon ami, d'une manière ou d'une autre

Answer 1

Installez le package react-navigation-stack NPM dans la version 4 et cela résoudra le problème.

Pour le StackNavigator, vous devez installer react-navigation-stack en utilisant :

 npm install react-navigation-stack --save

Consultez https://reactnavigation.org/docs/en/hello-react-navigation.html pour plus de détails

 import React from 'react';
import { View, Text } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screen</Text>
      </View>
    );
  }
}

const AppNavigator = createStackNavigator({
  Home: {
    screen: HomeScreen,
  },
});

export default createAppContainer(AppNavigator);

Answer 2

Étape 1 : Installez react-navigation-stack par npm i react-navigation-stack

Étape 2 : createStackNavigator déplacé vers le package nouvellement créé

 import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from "react-navigation";
-----

En outre:

createBottomTabNavigator également été déplacé vers react-navigation-tabs depuis react-navigation

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

Answer 3

1. npm install react-navigation-stack
2. npm install react-navigation
3. expo install react-native-gesture-handler react-native-reanimated
4. Utiliser le conteneur d'applications

Exemple

 import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

const RootStack = createStackNavigator({ /* your routes here */ });
const AppContainer = createAppContainer(RootStack);

// Now AppContainer is the main component for React to render
export default AppContainer;

Answer 4

tout d'abord : installer

 npm install react-navigation-stack

deuxièmement : importer react-navigation-stack

 import { createStackNavigator } from 'react-navigation-stack';