title: NativeScript GridLayout Equal sized rows in entire screen
body: <p>Currently I am developing {N} app using Angular 2,
  I want to place 4 rows with equal height in the entire screen
  For example,</p>
  
  <pre><code>&lt;GridLayout rows="*,*,*,*"&gt;
                          &lt;StackLayout row="0"  backgroundColor="blue"&gt;
                              &lt;Label text="row 0 "&gt;&lt;/Label&gt;
                          &lt;/StackLayout&gt;
                          &lt;StackLayout row="1"  backgroundColor="red"&gt;
                              &lt;Label text="row 1 with some large content and scrollable"&gt;&lt;/Label&gt;
                          &lt;/StackLayout&gt;
                          &lt;StackLayout row="2"  backgroundColor="yellow"&gt;
                              &lt;Label text="row 2 with some large content and scrollable"&gt;&lt;/Label&gt;
                          &lt;/StackLayout&gt;
                          &lt;StackLayout row="3"  backgroundColor="green"&gt;
                              &lt;Label text="row 3 with some large content and scrollable"&gt;&lt;/Label&gt;
                          &lt;/StackLayout&gt;
                      &lt;/GridLayout&gt;
  </code></pre>
  
  <p>I want to be row1, row2 and row3 equal height in entire screen if the content is present or not.If content of the row is large and want to put that in ScrollView.
  In web(html) assume if entire page height is 1000, then I will give</p>
  
  <pre><code>row0 height="100" 
  row1 height="300"
  row2 height="300"
  row3 height="300"
  </code></pre>
  
  <p>Can any one help me how to achieve this in {N}</p>