react-navigation undefined不是一个函数（评估'（0 _reactnavigation.StackNavigator）'）

Question

我正在建立一个新项目。然后，我正在安装react-navigation，但是它不起作用。

代码：

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

我正在考虑您正确安装了反应导航。

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

Answer 2

已安装的导航：

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 3

确保您的本机，反应，导航版本如下。

“反应导航”：“ ^ 2.18.2”，

“反应”：“ 16.6.0-alpha.8af6728”，

“ react-native”：“ 0.57.4”，

希望这对您有所帮助。因为最新版本的v3.0在导航方面存在更多问题。

Answer 4

正在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 5

半个月前我已经放弃了。

但是，今天它可以正常工作，无需任何依赖项刷新！

因此，我认为可能需要计算机重新启动。 WTF。