реакция-навигация undefined не является функцией (оценивает '(0 _reactnavigation.StackNavigator)')

Question

Я строю новый проект.Затем я устанавливаю реагирующую навигацию, но она не работает.

Код :

import { StackNavigator, } from 'react-navigation';
import Intro from './src/pages/Intro';

const AppNavigator = StackNavigator({
  Intro: {
    screen: Intro,
    navigationOptions: {
      title: "Intro",
      header: null,
      navigationBar: null
    },
  },
});
export default class App extends Component {
  render() {
    return (
      <AppNavigator />
    );
  }
}

Ошибка :

=======================================

Answer 1

Я отказался от него полмесяца назад.

Однако сегодня он работал без каких-либо изменений, без обновления зависимостей!

Итак, я думаю, может быть, ему нужно перезагрузка компьютера .WTF.

Answer 2

Работает на 100%.

Использование реакции-навигации (3.x) версия ^ 3.0.0:

import {
    createDrawerNavigator,
    createStackNavigator,
    createBottomTabNavigator,
    createAppContainer,
} from 'react-navigation';


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

export default createAppContainer(AppNavigator);

Answer 3

Убедитесь, что ваши версии react-native, react, react-navigation выглядят следующим образом:

 "react-navigation": "^2.18.2",

 "react": "16.6.0-alpha.8af6728",

 "react-native": "0.57.4",

Надеюсь, это вам поможет.Потому что в последней версии v3.0 больше проблем с навигацией.

Answer 4

Установленная навигация:

npm install --save react-navigation
npm install --save react-native-gesture-handler
react-native link

Попробуйте это App.js:

import React, { Component } from 'react';
import {createStackNavigator, createAppContainer} from 'react-navigation';

import Home from './screens/Home';
import Settings from './screens/Settings';

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

const App = createAppContainer(AppNavigator);

export default App;

Answer 5

Я считаю, что вы правильно установили реактивную навигацию.

npm install --save react-navigation

Попробуйте:

import { createStackNavigator } from 'react-navigation';
import Intro from './src/pages/Intro';

const AppNavigator = createStackNavigator({
  Intro: {
    screen: Intro,
    navigationOptions: {
      title: "Intro",
      header: null,
      navigationBar: null
    },
  },
});
export default class App extends Component {
  render() {
    return (
      <AppNavigator />
    );
  }
}