在 Nativescript 中从 TextView 关闭键盘的正确方法
Correct way to dismiss keyboard from a TextView in Nativescript
我有以下 TextView:
<TextView id="textFieldBody" hint="Some hint" text="{{ }}" editable="true" class="TextField" returnKeyType="done" />
我正在尝试正确实施它,以便:
- 当用户按下 "Done" 时,键盘消失
- 当用户触摸 TextView 的外部(模糊)时,键盘
消失
- 也许当焦点在 TextView 上时,向上滚动以便
视图不会消失在键盘后面? (对此还不确定
一)
我不清楚如何实现。我需要实现什么样的后端代码?
理想情况下,我正在寻找适用于 iOS 和 Android 的解决方案。
当用户按下完成时,键盘消失
对于这个,您可以将侦听器放置到文本视图中,以便在用户按下 done
按钮时触发它。我看过NativeScript API,这个监听器只适用于TextField,不过你可以试试TextView:
在XML中:
<TextField returnPress="doneTap"/>
在 .js 文件中:
function doneTap(args) {
var myTextField = args.object;
myTextField.dismissSoftInput();
}
exports.doneTap = doneTap
当用户触摸到 TextView 的外部(模糊)时,键盘消失
对于这一个,您将向 TextField 的父视图放置一个侦听器。当您点击外部时,它将调用隐藏键盘的功能。好消息是此侦听器将被 TextField tap 覆盖。因此,当您点击 TextField 时,键盘仍会显示。你可以找到答案
当焦点在 TextView 上时,向上滚动以使视图的其余部分不会消失在键盘后面?
使用此 plugin 防止键盘覆盖文本字段
我有以下 TextView:
<TextView id="textFieldBody" hint="Some hint" text="{{ }}" editable="true" class="TextField" returnKeyType="done" />
我正在尝试正确实施它,以便:
- 当用户按下 "Done" 时,键盘消失
- 当用户触摸 TextView 的外部(模糊)时,键盘 消失
- 也许当焦点在 TextView 上时,向上滚动以便 视图不会消失在键盘后面? (对此还不确定 一)
我不清楚如何实现。我需要实现什么样的后端代码?
理想情况下,我正在寻找适用于 iOS 和 Android 的解决方案。
当用户按下完成时,键盘消失
对于这个,您可以将侦听器放置到文本视图中,以便在用户按下 done
按钮时触发它。我看过NativeScript API,这个监听器只适用于TextField,不过你可以试试TextView:
在XML中:
<TextField returnPress="doneTap"/>
在 .js 文件中:
function doneTap(args) {
var myTextField = args.object;
myTextField.dismissSoftInput();
}
exports.doneTap = doneTap
当用户触摸到 TextView 的外部(模糊)时,键盘消失
对于这一个,您将向 TextField 的父视图放置一个侦听器。当您点击外部时,它将调用隐藏键盘的功能。好消息是此侦听器将被 TextField tap 覆盖。因此,当您点击 TextField 时,键盘仍会显示。你可以找到答案
当焦点在 TextView 上时,向上滚动以使视图的其余部分不会消失在键盘后面?
使用此 plugin 防止键盘覆盖文本字段