title: Sub-Navigator for not working
body: <p>I am trying to create a sub-navigation functionality in my app and want to display a list of my so called cardviews (right now ive just stored them in a ScrollView, but nevermind that), and my goal is to display the cards in such a manner so that the content in component one shows when I press one and two when I press two. </p>
  
  <pre><code>/* @flow */
  'use strict';
  
  import React, {
    Component,
      Navigator,
      StyleSheet,
      Text,
      View,
      ScrollView,
      TouchableOpacity,
      TouchableHighlight,
      Image,
  } from 'react-native';
  
  import styles from '../Styles/style';
  import home from '../Styles/home';
  import feed from '../Styles/feed';
  import {Actions} from 'react-native-router-flux';
  import Icon from 'react-native-vector-icons/Ionicons';
  
  var CardView = require('./CardView');
  var colors = require('../Styles/colorscheme');
  
  var Home = React.createClass({
  
    getInitialState: function() {
      return {
        componentSelected: 'One'
      }
    },
  
    changeComponent: function(component) {
      this.setState({
        componentSelected: component  
      })
    },
  
    renderComponent: function(component) {
        if(component == 'One') {
          return &lt;ComponentOne changeComponent={this.changeComponent} /&gt;
        } else if(component == 'Two') {
          return &lt;ComponentTwo changeComponent={this.changeComponent} /&gt;
        }
    },
  
    render: function() {
      return (
        &lt;View&gt;
        &lt;View style={{flex:1}}&gt;
          &lt;View style={styles.controller}&gt;
            &lt;ScrollView horizontal={true} showsHorizontalScrollIndicator={false}&gt;
              &lt;View style={styles.controlItem} 
                onPress={() =&gt; 
                  this.props.changeComponent('One') }&gt;
                &lt;Text style={{fontSize: 18, color:colors.General.navtext}}&gt;Friends&lt;/Text&gt;
              &lt;/View&gt;
  
              &lt;View style={styles.controlItem}
                onPress={() =&gt; 
                  this.props.changeComponent('Two') }&gt;
                &lt;Text style={{fontSize: 18, color:colors.General.navtext}}&gt;Local&lt;/Text&gt;
              &lt;/View&gt;
            &lt;/ScrollView&gt;
          &lt;/View&gt;
  
          {this.renderComponent(this.state.componentSelected)}
  
        &lt;/View&gt;
      )
    }
  })
  
  var ComponentTwo = React.createClass({
    render: function() {
      return (
            &lt;View style={styles.container}&gt;
                &lt;ScrollView showsVerticalScrollIndicator={true}&gt;
                  &lt;View style={styles.card}&gt;
                    &lt;CardView
                      name="Short Name"
                      fullname="Full Name"
                      distance="Component Two"
                      title="Example Title" 
                      message="Lorem Ipsum dolor set blablabla" 
                      score="[Symbol for progress]"
                      stars="smallthree"
                      starcolors={colors.General.black}
                      vouched="Example Vouch" /&gt;
                  &lt;/View&gt;
            &lt;/ScrollView&gt;
          &lt;/View&gt;   
      )
    }
  })
  
  
  var ComponentOne = React.createClass({
    render: function() {
      return (
            &lt;View style={styles.container}&gt;
                &lt;ScrollView showsVerticalScrollIndicator={true}&gt;
                  &lt;View style={styles.card}&gt;
                    &lt;CardView
                      name="Short Name"
                      fullname="Full Name"
                      distance="Component Two"
                      title="Example Title" 
                      message="Lorem Ipsum dolor set blablabla" 
                      score="[Symbol for progress]"
                      stars="smallthree"
                      starcolors={colors.General.black}
                      vouched="Example Vouch" /&gt;
                  &lt;/View&gt;
            &lt;/ScrollView&gt;
          &lt;/View&gt;
        )
    }
  })
  </code></pre>
  
  <p>The error that is being returned is unexpected token at line 75, which is at the render function of the first component in the code (i.e. at "var ComponentTwo"). And I have no idea why, I have looked for missing commas or semicolons for a while, but I am lost.</p>