title: Nesting Navigators with React Navigators - 'Home' should declare a screen
body: <p>I am currently working with React Native and the new React Navigation. There I'm trying to follow the <a href="https://reactnavigation.org/docs/intro/nesting" rel="noreferrer">tutorial for nesting navigators</a>, but there is always an error: </p>
  
  <pre><code>Route 'Home' should declare a screen. For example:
  
  import MyScreen from './MyScreen';
  ...
  Home: {
     screen: MyScreen,
  }
  </code></pre>
  
  <p>I'm not sure what I'm doing wrong. When I start the navigators individually, they work. But unfortunately not combined.</p>
  
  <p>This is the App.js, which I have created using the tutorial:</p>
  
  <pre><code>import React from 'react';
  import {
      AppRegistry,
      Text,
      View,
      Button
  } from 'react-native';
  
  import {
      StackNavigator,
      TabNavigator
  } from 'react-navigation';
  
  class HomeScreen extends React.Component {
      static navigationOptions = {
          title: 'Welcome',
      };
      render() {
          const { navigate } = this.props.navigation;
          return &lt;View&gt;
              &lt;Text&gt;Hello!&lt;/Text&gt;
              &lt;Button
                  onPress={() =&gt; this.props.navigation.navigate('Chat', { user: 'Daniel' })}
                  title="ReactNavigation Test"
              /&gt;
          &lt;/View&gt;;
      }
  }
  
  class ChatScreen extends React.Component {
      static navigationOptions = {
          title: 'ReactNavigation Test',
      };
      render() {
          const { params } = this.props.navigation.state;
          return (
              &lt;View&gt;
                  &lt;Text&gt;Neue Seite für den Navigator. Hallo {params.user}!&lt;/Text&gt;
              &lt;/View&gt;
          );
      }
  }
  
  class RecentChatsScreen extends React.Component {
      render() {
          return &lt;Text&gt;List of recent chats&lt;/Text&gt;
      }
  }
  
  class AllContactsScreen extends React.Component {
      render() {
          return &lt;Text&gt;List of all contacts&lt;/Text&gt;
      }
  }
  
  const ReactNativeTest = StackNavigator({
      Home: { screen: MainScreenNavigator },
      Chat: { screen: ChatScreen },
  });
  
  const MainScreenNavigator = TabNavigator({
      Recent: { screen: RecentChatsScreen },
      All: { screen: AllContactsScreen },
  });
  
  AppRegistry.registerComponent('ReactNativeTest', () =&gt; ReactNativeTest);
  </code></pre>
  
  <p>Maybe you can help me there. I asked the same question <a href="https://github.com/react-community/react-navigation/issues/571" rel="noreferrer">here</a>, but maybe this is the better place for the question.</p>
  
  <p>Thanks in advance!</p>