React native 尝试渲染导航AppContainer时获取不变冲突

我正在尝试开始使用react navigation 3.0.9，但在渲染路由器组件时遇到问题

这是我的

路由器/index.js

文件

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

import Login from '../screens/Login';

const Routes = createStackNavigator({
  Login
});

const Router = createAppContainer(Routes)

export default Router;

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

export default class Login extends React.Component {
  render() {
    return(
      <View>
        <Text>Hello World</Text>
      </View>
    )
  }
}

下面是我的

App.js

import React from 'react';
import { Platform, StatusBar, StyleSheet, View, TextInput, Text } from 'react-native';

import { Router } from './router'

export default class App extends React.Component {
  render() {
    return(
      <Router />
    )
  }
}

我在Expo中收到的错误告诉我元素类型无效（不变冲突），并说我应该检查App的render方法

---

我是否未正确导入/导出路由器？

不应对路由器导入进行解构

在App.js中更改：

import { Router } from './router'

到

---

在您的路由器/index.js文件中，更改此部分：

import Login from '../screens/Login';

const Routes = createStackNavigator({
    Login: { screen: Login }    // Just changed this line
});

---

同样在你的App.js中，导入路由器作为：

import Router from './router' 

c/o:的回答

import Router from './router'