title: Multiple flexbox row with multiple scrollview in react native
body: <p>I am trying to build a view with two rows in an iPhone using react native. I want to have two rows with equal height with scroll view. I am not able to find much documentation on this. I am the below code but it just renders on top of each other.</p>
  
  <pre><code>      &lt;View style={Styles.splitView}&gt;
          &lt;View style={Styles.splitViewLeft}&gt;
            &lt;ScrollView&gt;
                &lt;Text&gt;Test1&lt;/Text&gt;}
            &lt;/ScrollView&gt;
          &lt;/View&gt;
          &lt;View style={Styles.splitViewRight}&gt;
            &lt;ScrollView&gt;
              {
                &lt;Text&gt;Test2&lt;/Text&gt;
              }
            &lt;/ScrollView&gt;
          &lt;/View&gt;
        &lt;/View&gt;
  
        splitView: {
          flexDirection: 'row'
        },
  
        splitViewLeft: {
          flex: 3
        },
  
        splitViewRight: {
          flex: 2
        },
  </code></pre>