title: How do I stretch scrollview to whole screen in react native?
body: <p>I have this code</p>
  
  <pre><code>render() {
    return (
      &lt;View style={styles.container}&gt;
        &lt;TopMenu /&gt;
        &lt;ScrollView style={styles.scrollView}&gt;
          {array_with_two_items.map(this.createRow)}
        &lt;/ScrollView&gt;
      &lt;/View&gt;
    )
  }
  </code></pre>
  
  <p>with styles </p>
  
  <pre><code>scrollView: {
    flex:1,
    marginBottom:0,
  },
  containter: {
    flex:1,
  },
  </code></pre>
  
  <p>and the problem is that it looks like this</p>
  
  <pre><code>+-----------+
  |    MENU   |
  +-----------+
  |   item1   |
  +-----------+
  |   item2   |
  +-----------+
  |           |
  |   blank   |
  |    not    |
  | scrollable|
  +-----------+
  </code></pre>
  
  <p>but I want it to look like </p>
  
  <pre><code>+-----------+
  |    MENU   |
  +-----------+
  |   item1   |
  +-----------+
  |   item2   |
  +-----------+
  | blank,but |
  |   still   |
  |  part of  |
  | scrollview|
  +-----------+
  </code></pre>
  
  <p>I have little experience with styling and flexbox so that's why I'm asking. (Menu is not supposed to be a part of scrollview)</p>