Nativescript角型動的グリッドレイアウトから配列

Question

Nativescript newbie here！私はグリッド形式（このように：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（MAX）の列における上記サンプルアレイからのデータと、グリッド内のセルを埋めますしかし喜びはありません - 助けてください！

Answer 1

これをアイテムのリストとして簡単に実現するには、RadListView with StaggeredLayoutを使用します。 RadListViewは、nativescript-telerik-ui（非プロバージョン）で自由に使用でき、上記のリンクに示すように、スタッガーセルでアイテムを注文するように設定できます。千鳥配置でRadListViewを使用する方法を示す

<ListViewStaggeredLayout tkListViewLayout spanCount="3"></ListViewStaggeredLayout> 

全デモを見つけることができますhere