NativeScript:如果用户点击 RadListView 中的空白空间,我如何捕捉点击事件?

Posted

技术标签:

【中文标题】NativeScript:如果用户点击 RadListView 中的空白空间,我如何捕捉点击事件?【英文标题】:NativeScript: How can I catch tap event in case if user taps on empty space in RadListView? 【发布时间】:2019-04-16 20:37:14 【问题描述】:

如果我点击 radlistview 项目 - 它会捕获事件,但如果我点击 radlistview 底部的空白区域 - 然后会静音。

感谢您的帮助!

【问题讨论】:

请问在空白区域进行点击事件的目的是什么? 【参考方案1】:

您需要为 RadListView 设置 (tap) 和 (itemTap)。

<RadListView [items]="countries" (itemTap)="onItemTap($event)" (tap)="tapOutSide($event)">

在您的 .ts 文件中

public onItemTap(args) 
        console.log("Item Tapped at cell index: " + args.index);
    

    public tapOutSide($event) 
        console.log("TAPPED EMPTY SPACE");
        console.log($event.object);
    

P.S. 从屏幕截图中可以看出,android 手机及以上解决方案在 Android 上运行良好。对于 ios,有一个开放的issue with nativescript。

【讨论】:

感谢您的回复。但是在这种情况下,对我来说,在 Android 上不会发出点击事件。它对你有用吗? 在这种情况下尝试将 Listview 包装在 StackLayout 中并将(点击)事件添加到 StackLayout?是的,它对我有用。

以上是关于NativeScript:如果用户点击 RadListView 中的空白空间,我如何捕捉点击事件?的主要内容,如果未能解决你的问题,请参考以下文章

当我在点击布局问题上设置:isEnabled:false 时,Nativescript 按钮在点击时显示文本背景颜色

NativeScript BottomNavigation -> 如何在底部导航项点击时打开默认页面?

Nativescript-vue 在点击事件时显示图像

在点击 Nativescript Angular iOS 时删除 ListView 项目突出显示

Nativescript-Vue 移除 iOS ListView 点击颜色

Nativescript-vue:如何使自定义组件可点击?