title: React Native Navigation Error:the component for the route must be a React Component
body: <p>Hello Every one I am new to react native I am building a very simple navigation system but i am getting this error.Please any one guide me 
  <a href="https://i.stack.imgur.com/xEHgP.jpg%60" rel="nofollow noreferrer">enter image description here</a>
  The screenshot attached above is the error i am running on my physical android phone S7 edge Oreo 8.0</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>***Homescreen.js***
  import React from "react";
  import { Text, StyleSheet } from "react-native";
  
  const HomeScreen = () =&gt; {
    return &lt;Text style={styles.text}&gt;Hello World&lt;/Text&gt;;
  };
  
  const styles = StyleSheet.create({
    text: {
      fontSize: 30
    }
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>***App.js***
  import { createAppContainer } from 'react-navigation';
  import { createStackNavigator } from 'react-navigation-stack';
  import HomeScreen from './src/screens/HomeScreen'
  import ComponentsScreen from './src/screens/ComponentsScreen'
  
  const navigator = createStackNavigator(
    {
      Home: HomeScreen,
      Components:ComponentsScreen
    },
    {
      initialRouteName: 'Components',
      defaultNavigationOptions: {
        title: "App"
      }
    }
  );
  
  export default createAppContainer(navigator);</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>***ComponentsScreen.js***
  import React from 'react'
  import {Text,StyleSheet} from 'react-native'
  
  const ComponentsScreen=function(){
      return &lt;Text style={styles.textStyle}&gt;This is the Components Screen&lt;/Text&gt;
  }
  
  const styles=StyleSheet.create({
      textStyle:{
      fontSize:30
      }
  })</code></pre>
  </div>
  </div>
  </p>