Using the GridLayout in NativeScript -

i trying learn nativescript. in process, thought create common screens. first being login screen. in effort, created following xml.

login.xml

<page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageloaded">   <gridlayout columns="*, *", rows="80, 80, 80, 80, auto">     <label text="username" row="0" col="0" />     <textfield row="1" col="0"  />      <label text="password" row="2"  col="0" />     <textfield row="3" col="0" />   </gridlayout> </page> 

when run app, 4 controls (label, textfield, label, textfield) sitting on top of 1 halfway down screen. don't understand why. i'm trying use basic gridlayout.

on second line, you've faulty comma between columns , rows declarations. in xml, properties separated whitespace.

<gridlayout columns="*, *", rows="80, 80, 80, 80, auto"> 

should be

<gridlayout columns="*, *" rows="80, 80, 80, 80, auto">