title: NativeScript: GridLayout Rows Overlapping
body: <p>I'm new to NativeScript and I'm trying to create my first app. I created the following use interface XML, and it doesn't look as I expected.</p>
  
  <p>The image appears at the top of the screen as it should, but then all the labels appear in the row underneath it, stacked on top of each other.</p>
  
  <pre><code>&lt;Page xmlns="http://www.nativescript.org/tns.xsd" loaded="onPageLoaded"&gt;
      &lt;GridLayout columns="auto, *" rows="auto, *"&gt;
          &lt;Image row="0" col="0" colSpan="2" src="{{ imageUrl }}" /&gt; 
  
          &lt;Label row="1" col="0" text="row1-col0" cssClass="" /&gt;
          &lt;Label row="1" col="1" text="{{ value1 }}" cssClass="" /&gt;
  
          &lt;Label row="2" col="0" text="row2-col0" cssClass="" /&gt;
          &lt;Label row="2" col="1" text="{{ value2 }}" cssClass="" /&gt;
  
          &lt;Label row="3" col="0" text="row3-col0" cssClass="" /&gt;
          &lt;Label row="3" col="1" text="{{ value3 }}" cssClass="" /&gt;
  
          &lt;Label row="4" col="0" text="row4-col0" cssClass="" /&gt;
          &lt;Label row="4" col="1" text="{{ value4 }}" cssClass="" /&gt;
      &lt;/GridLayout&gt;
  &lt;/Page&gt;
  </code></pre>
  
  <p>Also, I couldn't find where <code>&lt;GridLayout&gt;</code> <code>columns</code> or <code>rows</code> are documented, so I suspect that might be an issue, because the rest seems OK to me.</p>
  
  <p>What am I doing wrong? Any help would be appreciated. Thank you!</p>