title: ListEmptyComponent not taking full screen with flex 1 in React Native Section List
body: <p>So I am using React Native Section List and following is my Code of ListEmptyContent</p>
  
  <pre><code>// define your styles
  const styles = StyleSheet.create({
    container: {
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#fff',
      marginLeft: 10,
      marginRight: 10,
    },
    imageStyle: {
      width: 140,
      height: 120,
    },
    titleStyle: {
      fontSize: 14,
      color: '#363a45',
    },
    subTitleStyle: {
      fontSize: 12,
      color: '#898d97',
    },
  });
  // create a component
  const GPEmtptyTransaction = ({ firstLine, secondLine }) =&gt; {
    return (
      &lt;View style={styles.container}&gt;
        &lt;Image source={images.emptyTransactionIcon} style={styles.imageStyle} /&gt;
        &lt;Text style={styles.titleStyle}&gt;{firstLine}&lt;/Text&gt;
        &lt;Text style={styles.subTitleStyle}&gt;{secondLine}&lt;/Text&gt;
      &lt;/View&gt;
    );
  };
  </code></pre>
  
  <p>But when EmptyTemplate is rendered it is rendered on Top and not stretching to full screen.</p>