Компонент для маршрута должен быть компонентом реакции даже после экспорта компонента

Question

Я новичок в React native и внедряю реагирующую навигацию, но получение компонента для маршрута должно быть компонентом реакции, даже если я экспортировал свой компонент. Я проверил все связанные ответы, но все напрасно.

import {AppRegistry} from 'react-native';
import {name as appName} from './app.json';
import Launch from './Launch';
AppRegistry.registerComponent(appName, () => Launch);

Нижеэто запуск

import React from 'react';

import AppNavigator from './AppNavigator'

export default class Launch extends React.Component {
  render() {
    return (      
      <AppNavigator></AppNavigator>       
    );
  }
}

Навигатор приложений

//..........................       
import React, { Component } from 'react';
import LoginScreen from './components/src/Login/LoginScreen'
import App from './components/src/App';

import Register from './components/src/Signup/Register';
import ViewPagerPage from './components/src/Settings/CPU/ViewPagerPage'

import TabIndicatorPage from './components/pages/TabIndicatorPage'
import TitleIndicatorPage from './components/pages/TitleIndicatorPage'



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

const RootStack = createStackNavigator({
    LoginScreen: { screen: LoginScreen },
    TabIndicatorPage: { screen: TabIndicatorPage },
    TitleIndicatorPage: {
        screen: TitleIndicatorPage, navigationOptions: {
            header: null
        }
    },
    ViewPagerPage: { screen: ViewPagerPage },
    Register: {
        screen: Register, navigationOptions: {
            header: null
        }
    },
    App: {
        screen: App,
        navigationOptions: {
            header: null
        }
    },
    ViewPagerPage: { screen: ViewPagerPage },
    // Detail:{screen:Detail},
    // SecondScreen:{screen:SecondScreen},
});

const AppNavigator = createAppContainer(RootStack);        

export default AppNavigator;

Здесь это контроллер входа в систему, выдающий ошибку. Я также использовал экспорт.

import React, {Component} from 'react';

import {View,ScrollView,KeyboardAvoidingView,Animated,ImageBackground,
  TouchableOpacity,TextInput, KeyboardAwareScrollView,StyleSheet,Image,Easing,Text,AsyncStorage,ToastAndroid} from 'react-native';
import App from '../App';

import bgSrc from './images/wallpaper.png';
import logoImg from './images/logo.png';

import { NavigationActions,StackActions } from 'react-navigation'



import usernameImg from './images/username.png';
import passwordImg from './images/password.png';

import spinner from './images/loading.gif';
const MARGIN = 40;
import Dimensions from 'Dimensions';

// контроллер входа

export default class LoginScreen extends React.Component<{}> {

  constructor(props) {
    super(props);
    this.state = { Login: false,showPass: true,
      press: false,
      isLoading: false,
      navigator:this.props.navigator,
      email:'',

Ожидаемый экран входа должен появиться

Но я получаю красный экран, говорящий, что компонент должен реагировать