Nativescript Vue:滚动ListView时如何关闭searchBar键盘?

Posted

技术标签:

【中文标题】Nativescript Vue:滚动ListView时如何关闭searchBar键盘?【英文标题】:Nativescript Vue: How to dismiss searchBar keyboard when scrolling ListView? 【发布时间】:2020-06-20 07:12:01 【问题描述】:

我有一个SearchBar 组件和一个ListView 组件。当我点击搜索栏时,键盘会出现,但即使用户决定在其下滚动 ListView,它也会保持不变。我好像也找不到

1) ListView 上的任何事件,当它滚动时我可以触发搜索栏关闭

--或者--

2) 搜索栏上的任何事件,我可以检查它是否没有聚焦,然后关闭它。

其中任何一个都足够了,但我似乎在文档中找不到任何内容。

【问题讨论】:

【参考方案1】:

两个组件相互独立,滚动时必须在搜索栏上调用dismissSoftInput()

不幸的是,在使用 ListView 时不支持开箱即用的滚动事件。 Github 上有一个open feature request,它还讨论了如何在项目中使用覆盖和一些本机代码来实现此事件。你也可以考虑使用RadListView,支持开箱即用的滚动事件。

【讨论】:

以上是关于Nativescript Vue:滚动ListView时如何关闭searchBar键盘?的主要内容,如果未能解决你的问题,请参考以下文章

点击按钮后如何将ListView向下滚动到底部(例如使用scrollToIndex)? NativeScript-Vue

Nativescript Vue:滚动ListView时如何关闭searchBar键盘?

Nativescript-Vue:如何在 ListView 中正确使用 v-for

NativeScript RadListView:无限滚动到顶部?

带有 Nativescript 的滚动视图中的多个全屏

Nativescript 无法让 ListView 滚动到底部