React Native：StackNavigator错误：不变违规：元素类型无效

Question

出现此错误（如下图所示）。新的反应原生和学习如何使用StackNavigator。我认为它有一些与出口/进口有关的东西，但一段时间以来一直坚持这一点。谢谢。

index.js文件

import { AppRegistry } from 'react-native';
import App from './App';
AppRegistry.registerComponent('RNIntroduction', () => App);

App.js文件

import React, { Component } from 'react';
import {Platform, StyleSheet, Text, View, AppRegistry} from 'react-native';
import {StackNavigator} from 'react-navigation'; 
import LoginScreen from './app/views/LoginScreen';
import HomeScreen from './app/views/HomeScreen';

export default class App extends Component {
render() {
return (
    <Screens/>
   );
 }   
}

const Screens = StackNavigator({
  LoginScreen: {screen: LoginScreen},
  HomeScreen : {screen: HomeScreen}
})

LoginScreen.js

import React, { Component } from 'react';
import {Text, View, StyleSheet} from 'react-navigation';

export default class LoginScreen extends Component {
render() {
    return (
        <View> 
            <Text> This is Login Screen </Text>
        </View>      
    );
 } 
}

My HomeScreen.js看起来与LoginScreen.js相同。我还包括了错误本身的图片。

Answer 1

将导入语句LoginScreen.js更改为

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