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