仅与某些导航器发生不变冲突（反应导航）

Question

当我试图实现React-导航中的导航器时，我遇到了一些奇怪的行为。

当你尝试简单的“hello world”时https://reactnavigation.org/docs/en/hello-react-navigation.html...

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

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

export default createStackNavigator({
  Home: {
    screen: HomeScreen,
  },
});

我得到这个错误：

不变违反：元素类型无效：预期为字符串（用于内置组件）或类/函数（用于复合组件），但得到了：对象。检查SceneView的渲染方法。

奇怪的是，当使用StackNavigator（和TabNavigator）时，会给我一个不变的冲突，而使用DrumerNavigator则不会！

此常见修复（删除导入中的大括号）会出现新错误：

对象不是函数

对“对象不是函数”的常见修复将我带回我开始的地方（在导入中添加大括号）。

我是个新手，不知道如何更深入地研究这个问题，任何帮助都将不胜感激！

-----编辑-----

我已将react navigation的版本降级为v1。5.5和原始的StackNavigator组件可以工作，因此可能是与v2的兼容性问题。0.1和我的环境。

Answer 1

我可能发现了你的问题。我想你是想跟着文件找错误的版本。我假设您使用的是React-导航的V1。

通过在项目根目录中的终端中运行“列表导航”，可以查看当前安装的版本。

V1文档：https://v1.reactnavigation.org/docs/hello-react-navigation.html

如果我使用上面链接的例子，一切都很好。也许你可以试试？

做记号

Answer 2

办理登机手续。json，如果您的react native具有正确的react版本。例如

"react": "16.4.0",
"react-native": "^0.53",
"react-navigation": "^2.0.4",

不适合我，但是

"react": "16.2.0",
"react-native": "^0.53",
"react-navigation": "^2.0.4",

作品