NativeScript，在 ListView 中，ItemTap 事件不起作用

Question

在 ListView 中，ItemTap 事件不工作。

<ListView items="{{ menu }}" row="1" itemTap="listViewItemTap" >
      <ListView.itemTemplate>
        <GridLayout columns="auto, *">
          <Image src="{{ imageURL }}" row="0" cssClass="icon"/>
          <StackLayout col="1">
            <Label text="{{ title }}"  cssClass="name"/>
            <Label text="{{ subtitle }}" cssClass="location"/>
          </StackLayout>
        </GridLayout>
      </ListView.itemTemplate>
</ListView>

Answer 1

您能否确保在您的代码中导出了 listViewItemTap。我已经尝试了以下并且似乎工作正常：

XML:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
  <ListView items="{{ menu }}" row="1" itemTap="listViewItemTap" >
    <ListView.itemTemplate>
      <GridLayout columns="auto, *">
        <Image src="{{ imageURL }}" row="0" cssClass="icon"/>
        <StackLayout col="1">
          <Label text="{{ title }}"  cssClass="name"/>
          <Label text="{{ subtitle }}" cssClass="location"/>
        </StackLayout>
      </GridLayout>
    </ListView.itemTemplate> 
  </ListView>
</Page>

JS:

exports.onNavigatingTo = function(args) {
    var page = args.object;
    page.bindingContext = {
        menu:[
            { imageUrl: "", title: "title 1", subtitle: "subtitle 1"},
            { imageUrl: "", title: "title 2", subtitle: "subtitle 2"},
            { imageUrl: "", title: "title 3", subtitle: "subtitle 3"},
            { imageUrl: "", title: "title 4", subtitle: "subtitle 4"},
        ]
    }
}

exports.listViewItemTap = function() {
    console.log("Item tapped!");
}

还有一件事要寻找：

如果您没有对itemTap事件使用绑定（如您发布的XML）-您应该在页面的代码隐藏。
如果您正在使用绑定 (itemTap="{{ listViewItemTap }}")，您应该在 bindingContext 对象中提供事件处理程序。

NativeScript，在 ListView 中，ItemTap 事件不起作用

NativeScript, In ListView, ItemTap event is not working

nativescript