Nativescript Angular Dynamic Grid Layout из массива

Новичок в Nativescript здесь! Я пытался отобразить элементы внутри массива объектов в формате сетки (например: https://www.npmjs.com/package/nativescript-grid-view) безрезультатно. Я могу прокручивать и отображать элементы в обычном списке с помощью кода ниже:

<GridLayout>
    <ListView [items]="itemList" class="small-spacing">
        <ng-template let-item="item">
            <Label [text]="item.name" class="medium-spacing"></Label>
        </ng-template>
    </ListView>
</GridLayout>

Вот моя структура массива:

[{"id":1, "name":"item1"},{"id":2, "name":"item2"},{"id":3, "name":"item3"},{"id":4, "name":"item4"},...]

Я хотел бы иметь возможность динамически/программно генерировать и заполнять ячейки в сетке данными из приведенного выше массива образцов в столбцах 2 или 3 (максимум), как показано ниже:

+-------------+-------------+-------------+
|             |             |             |
|             |             |             |
|             |             |             |
+-------------+-------------+-------------+
|             |             |             |
|             |             |             |
|             |             |             |
+-------------+-------------+-------------+
|             |             |             |
|             |             |             |
|             |             |             |
+-------------+-------------+-------------+

Я попробовал очень мало упоминаний об этом сценарии, которые нашел в Интернете, но без радости - пожалуйста, помогите!