NativeScript 错误。在列表模板中找到多个视图

Question

我有这样的 ListView

<ListView [items]="groceryList" row="1" class="small-spacing" [class.visible]="listLoaded">
    <template let-item="item" columns="*, auto" >
      <Label [text]="item.name" class="medium-spacing"></Label>      
    </template>
  </ListView>

我想添加图片按钮。所以我只是将columns="*, auto" 添加到template 和 col="0" 给标签，col="1" 给我的Image

 <ListView [items]="groceryList" row="1" class="small-spacing" [class.visible]="listLoaded">
    <template let-item="item" columns="*, auto" >
      <Label [text]="item.name" class="medium-spacing" col="0"></Label>
      <Image src="res://delete" (tap)="delete(item.id)" col="1"></Image>      
    </template>
  </ListView>

运行模拟器后出现错误：

有什么想法为什么会发生这种情况以及如何解决？

Answer 1

innside <template> 只允许一个元素，你有两个。 改为在 <template> 内添加一个 GridLayout，然后在其中添加元素。