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

只有一个元素允许在<template>内，你有两个元素。 改为在<template>之外添加一个GridLayout，然后在那里添加元素。