title: Why won't backgroundColor work (React Native)?
body: <p>How come <code>backgroundColor</code> won't change my entire phone screens background color?  All I'm getting is a blank white screen whenever I run my code. </p>
  
  <p>Here's my <code>index.ios.js</code> file:</p>
  
  <pre><code>import React, {Component} from 'react';
  import {AppRegistry, View} from 'react-native';
  import Login from './ios/components/login/Login';
  
  export default class Epsilon extends Component {
      render() {
          return (
             &lt;View&gt;
                 &lt;Login/&gt;
             &lt;/View&gt;
          );
      }
  }
  
  AppRegistry.registerComponent('Epsilon', () =&gt; Epsilon);
  </code></pre>
  
  <p>Here's my <code>Login.js</code> file:</p>
  
  <pre><code>import React, {Component} from 'react';
  import {StyleSheet, View} from 'react-native';
  
  export default class Login extends Component {
      render() {
          return(
              &lt;View style={styles.container}&gt;
  
              &lt;/View&gt;
          );
      }
  }
  
  const styles = StyleSheet.create({
     container: {
         flex: 1,
         backgroundColor: '#3498db'
     }
  });
  </code></pre>