title: React native Expected String but got object
body: <p>I am trying to import the Login module in my index.android.js but it doesnt seem to work? What is wrong in render method?</p>
  
  <p>login.js is located in /screens/login.js</p>
  
  <p>react-native version "0.39.2"</p>
  
  <p><strong>index.android.js</strong></p>
  
  <pre><code>'use strict';
  import React, { Component } from 'react';
  import { AppRegistry} from 'react-native';
  
  //login module
  var LoginScreen = require('./screens/login');
  
  var app = React.createClass({
    render: function() {
      return (
          &lt;LoginScreen /&gt;
      );
    }
  });
  AppRegistry.registerComponent('app', () =&gt; app);
  </code></pre>
  
  <p><strong>login.js</strong> under /screens directory</p>
  
  <pre><code>'use strict';
  import React, { Component } from 'react';
  var Button = require('react-native-button');
  
  import {
      AppRegistry,
      StyleSheet,
      View,
      Text,
      TextInput
  } from 'react-native';
  
  
  var Login = React.createClass({
      getInitialState: function() {
          return {
              username: '',
              password: ''
          }
      },
      _loginClick: function(event){
          console.log('login tapped');
      },
      render: function() {
          return (
              &lt;View style={styles.container}&gt;
                  &lt;View style={styles.inputs}&gt;
                      &lt;View style={styles.inputContainer}&gt;
                          &lt;TextInput
                              style={[styles.input, styles.whiteFont]}
                              placeholder="Username"
                              placeholderTextColor="#FFF"
                              value={this.state.username}
                          /&gt;
                      &lt;/View&gt;
                      &lt;View style={styles.inputContainer}&gt;
                          &lt;TextInput
                              password={true}
                              style={[styles.input, styles.whiteFont]}
                              placeholder="Pasword"
                              placeholderTextColor="#FFF"
                              value={this.state.password}
                          /&gt;
                      &lt;/View&gt;
                      &lt;View style={styles.forgotContainer}&gt;
                          &lt;Text style={styles.greyFont}&gt;Forgot Password&lt;/Text&gt;
                      &lt;/View&gt;
                  &lt;/View&gt;
                  &lt;View style={styles.signin}&gt;
                      &lt;Text style={styles.whiteFont}&gt;Sign In&lt;/Text&gt;
                      &lt;Button
                          style={{borderWidth: 1, borderColor: 'blue'}}
                          onPress={this._loginClick}&gt;
                          Login
                      &lt;/Button&gt;
                  &lt;/View&gt;
                  &lt;View style={styles.signup}&gt;
                      &lt;Text style={styles.greyFont}&gt;Don't have an account?&lt;Text style={styles.whiteFont}&gt;  Sign Up&lt;/Text&gt;&lt;/Text&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
          );
      },
  
  });
  
  module.exports = Login;
  </code></pre>