title: React native base - space between grids?
body: <p>I have a grid with a row and a col in that row. I copied the row with its col and pasted it under the first row so I could test having 2 cols under each other. That part works but sadly, they are sticking on eachother. There's no space/padding between them. I tried adding a top: 20 to the row and col but neither of that is working, in fact it makes the height of the second col even shorter.</p>
  <p>Any ideas on how I can fix this? This is React Native with Native Base.</p>
  <p><img src="https://i.stack.imgur.com/wArst.png" alt="Screenshot of the issue" /></p>
  <pre><code>      &lt;Content&gt;
          &lt;Grid style={Style.contentContainer}&gt;
            &lt;Row style={Style.content}&gt;
              &lt;Col&gt;
                &lt;Text&gt;Test&lt;/Text&gt;
                &lt;View style={Style.completelyCenteredComponent}&gt;
                  &lt;Text&gt;Text here&lt;/Text&gt;
                &lt;/View&gt;
              &lt;/Col&gt;
            &lt;/Row&gt;
            
            &lt;Row style={Style.content}&gt;
              &lt;Col&gt;
                &lt;Text&gt;Test&lt;/Text&gt;
                &lt;View style={Style.completelyCenteredComponent}&gt;
                  &lt;Text&gt;Text here&lt;/Text&gt;
                &lt;/View&gt;
              &lt;/Col&gt;
            &lt;/Row&gt;    
          &lt;/Grid&gt;
        &lt;/Content&gt;
  </code></pre>
  <p>Style:</p>
  <pre><code>module.exports = StyleSheet.create({
  
    mainApp: {
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '100%'
    },
  
    backgroundImage: {
        flex: 1,
        resizeMode: 'cover'
    },
  
    contentContainer: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center'
    },
  
    content: {
        backgroundColor: 'rgba(255, 255, 255, 0.84)',
        minWidth: '88%',
        maxWidth: '88%',
        height: 200,
        top: 0,
        padding: 26,
        borderWidth: 0.6,
        borderColor: '#000000'
    },
  
    completelyCenteredComponent: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center'
    },
  
  });
  </code></pre>