How do I stretch scrollview to whole screen in react native?
<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>