NativeScript/apps/tests/layouts/grid-layout.md

nav-title, title, description

nav-title	title	description
grid-layout How-To	How-To	Examples for using grid-layout

GridLayout sample

Creating Grid Layout via code.

Create grid layout with an xml declaration

<GridLayout columns="80, *, auto" rows="auto, *" >
 <Button col="0" />
 <Button col="1" />
 <Button col="2" />
 // by default column and row are set to 0
 <Button row="1" colSpan="3" />
</GridLayout>

Add views to grid layout

Set column property on views - btn1 in first column, btn2 is second and btn3 in third

Set row property on btn4.

Set columnSpan property on btn4 to stretch into all columns

Create ItemSpec for columns and rows 3 columns - 80px, *, auto size and 2 rows - 100px and auto size

Add columns and rows to GridLayout