Как создать сетку из 2 столбцов карт [Nativescript и Angular]

Question

Нужно, чтобы сетка была примерно такой:

card1 card2
card3 card4
...

И чтобы она была динамичной

Вот моя попытка:

компонент:

export class MenusComponent implements OnInit {
  public menus: any;
  constructor() { 
    this.menus = [
      {
        image: 'https://www.ducksdailyblog.com/wp-content/uploads/2018/12/Wooden-Post-Country-Fences-Direction.jpg',
        title: 'Jelovnik'
      },
      {
        image: 'https://www.ducksdailyblog.com/wp-content/uploads/2018/12/Wooden-Post-Country-Fences-Direction.jpg',
        title: 'Pica'
      },
      {
        image: 'https://www.ducksdailyblog.com/wp-content/uploads/2018/12/Wooden-Post-Country-Fences-Direction.jpg',
        title: 'Dorucak'
      }
    ]
  }

Вот моя попытка:

<GridLayout columns="*,*" rows="*">
<ListView class="list-group" [items]="menus">
    <ng-template let-menu="item" let-i="index" let-odd="odd" let-even="even">
        <StackLayout [col]="even ? 0 : 1">
            <Label [text]="menu.title"></Label>
            <Image height="108" width="100%" [src]="menu.image"></Image>
        </StackLayout>
    </ng-template>
</ListView>

Мне нужно иметь возможность добавлять mre вещи в виде списка, поэтому я предполагаю, что также должна быть сетка anoter.Как правильно это сделать?Карты должны быть равны и занимать весь экран.