react native - `createStackNavigator()` se ha movido a `react-navigation-stack`

react-native

Question

Estoy usando react-navigation en mi proyecto, y aparece este error.

Busqué en Google este mensaje de error y no encontré ningún resultado.

(Todavía no puedo publicar imágenes)

El mensaje de error dice:

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

El código funcionó en la máquina de mi amigo, de alguna manera

Answer 1

Cambio (mudo)

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

Para (Para)

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

Answer 2

Como dijo el error, en la versión 4 de react-navigation , todos los navegadores se han movido a repositorios separados, por lo que debe instalarlos por separado.

Para el StackNavigator debes instalar react-navigation-stack usando:

npm i react-navigation-stack   //or yarn add react-navigation-stack

después de eso, vaya al archivo donde define createStackNavigator y cambie:

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

a:

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

Este error puede ocurrir porque su amigo usó react-navigation v. 3 pero en su package.json tiene algo así como "react-navigation": "^3.12.1" . Cuando npm install , descargó la última versión de react-navigation (que se actualizó la semana pasada a la versión 4 con esos cambios)

Lo mismo ocurre con los otros navegadores.

FUENTE: https://reactnavigation.org/docs/en/stack-navigator.html

Answer 3

Visite https://reactnavigation.org/docs/en/hello-react-navigation.html

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

Answer 4

en primer lugar: instalar

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);

segundo: importar react-navigation-stack

npm install react-navigation-stack