title: React Native some style causes view to not render
body: <p>Hi i am a newbie in React Native, and trying to create an android app using the same. If i change the style of my view -> (backgroundColor or borrderBottom) it just doesn't render. There is no error anywhere, but on reloading the js bundle, the view and all its children fail to render. More than solving this particular issue, i am more interested in understanding why is this happening or whether i am missing something. My component in its entirety is below</p>
  
  <pre><code>import React from 'react';
  import { StyleSheet, View, Text, PixelRatio, TextInput } from 'react-native';
  
  const styles = {
    container: {
      paddingTop: 70,
      flex: 1,
      justifyContent: 'flex-start',
      alignItems: 'flex-start',
      backgroundColor: '#fff',
    },
    form: {
      flex: 1,
      flexDirection: 'column'
    },
    rowContainer: {
      //backgroundColor: '#000',
    },
    row: {
      flexDirection: 'row',
      height: 44,
      alignItems: 'center',
    },
    inputLabel: {
      fontSize: 15,
      paddingLeft: 15,
      color: '#333'
    },
    textInputStyle: {
      fontSize: 15,
      flex: 1,
      paddingLeft: 15
    }
  };
  
  export default function TestComponent(props) {
    return (
      &lt;View style={styles.container}&gt;
        &lt;Text&gt; Inside Container &lt;/Text&gt;
        &lt;View style={styles.form}&gt;
          &lt;Text&gt; Inside Form &lt;/Text&gt;
          &lt;View style={styles.rowContainer} &gt;
            &lt;Text&gt; Inside Row Container &lt;/Text&gt;
            &lt;View style={styles.row}&gt;
              &lt;Text numberOfLines={1} style={styles.inputLabel}&gt; Bid On &lt;/Text&gt;
              &lt;TextInput /&gt;
            &lt;/View&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      &lt;/View&gt;
    );
  }
  </code></pre>
  
  <p>The above code works perfectly and all the components are rendered, however if i change the <code>rowContainer</code> style and uncomment <code>backgroundColor</code>, <code>rowContainer</code> and all its children are not rendered. I have no clue why this is happening. I also tried other styles inside rowContainer like </p>
  
  <pre><code>rowContainer: {
  
     flex: 1,
     flexDirection: 'column',
     backgroundColor: '#000'
     borderBottomWidth: 1,
     borderColor: '#c8c7cc'
    }
  </code></pre>
  
  <p>As long as <code>rowContainer</code> style is empty it works, if i add anything inside it, the view simply doesn't render.</p>