title: React NativeBase not showing my imported components
body: <p>I'm fairly new to React and React Native and I'm having a play with React NativeBase. </p>
  
  <p>I've managed to get the following working within a single file, but now I'm simply trying to split up my code into multiple components in separate files.</p>
  
  <p>The problem is, my imported component does not show. I've struggled with this for a while now and I can't see what I'm doing wrong... probably something really stupid. </p>
  
  <p>Here is my code:</p>
  
  <p><strong>code/index.ios.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    AppRegistry,
    StyleSheet,
    Text,
    View
  } from 'react-native';
  import {
    Container,
    Title,
    Header,
  } from 'native-base';
  import MainContent from './main';
  
  class AwesomeNativeBase extends Component {
    render() {
      return (
        &lt;Container&gt;
          &lt;Header&gt;
            &lt;Title&gt;My awesome app&lt;/Title&gt;
          &lt;/Header&gt;
          &lt;MainContent /&gt;
        &lt;/Container&gt;
      );
    }
  }
  AppRegistry.registerComponent('AwesomeNativeBase', () =&gt; AwesomeNativeBase);
  </code></pre>
  
  <p><strong>code/main.js</strong></p>
  
  <pre><code>import React from 'react';
  import { Text } from 'react-native';
  import { Content } from 'native-base';
  
  export default class MainContent extends React.Component {
    render() {
      return (
        &lt;Content&gt;
          &lt;Text&gt;Oh hello there!&lt;/Text&gt;
        &lt;/Content&gt;
      );
    }
  }
  </code></pre>
  
  <p>I'm running this using:</p>
  
  <pre><code>rnpm link
  react-native run-ios
  </code></pre>
  
  <p>So just to clarify, the code in <code>index.ios.js</code> shows fine and the header is displayed in the iPhone simulator, however, the text in <code>main.js</code> does not.</p>
  
  <p>Any help is much appreciated!</p>