从 Nativescript 中的 TextView 关闭键盘的正确方法

Question

我有以下 TextView：

<TextView id="textFieldBody" hint="Some hint" text="{{  }}" editable="true" class="TextField" returnKeyType="done" />

我正在尝试正确实现它，以便：

• 当用户按下“完成”时，键盘消失
• 当用户触摸 TextView 外部（模糊）时，键盘 消失
• 也许当焦点在 TextView 上时，向上滚动以便其余的 视图不会消失在键盘后面？ （还不确定这个 一）

我不清楚如何实现这一点。我需要实现什么样的后端代码？

理想情况下，我正在寻找一种适用于 iOS 和 Android 的解决方案。

Answer 1

当用户按下完成后，键盘消失

对于这个，您可以在 textview 中放置一个侦听器，以便在用户按下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 点击覆盖。因此，当您点击 TextField 时，键盘仍然会出现。你可以找到答案here

当焦点在 TextView 上时，向上滚动以便视图的其余部分不会消失在键盘后面？

使用此plugin 防止键盘覆盖文本字段