在 Nativescript 中的 TextField 外部单击时从 TextField 中移除焦点

【问题标题】：Remove focus from TextField when click outside of TextField in Nativescript在 Nativescript 中的 TextField 外部单击时从 TextField 中移除焦点
【发布时间】：2019-04-04 11:14:12
【问题描述】：

当用户单击 TextField 之外时，我想从文本字段中移除焦点。如何在 nativescript 中做到这一点？

【问题讨论】：

更准确地说，您也想隐藏键盘或移除焦点？在 Android 中，当键盘隐藏时，焦点仍然可以放在 TextField 上。在 iOS 中，隐藏键盘也会移除焦点。
我想隐藏键盘以及移除焦点。

标签： nativescript nativescript-vue

【解决方案1】：

Here 是您可以从 Android 上的 TextField 中移除焦点的方法。您需要另一个可以转移焦点的视图。该示例使用 {N} 核心完成，在 {N} Vue 中实现遵循标准步骤，注册自定义元素并在您的模板上使用它。

要隐藏键盘，请在点击布局时执行以下代码（TextField 之外的任何位置）。

import * as utils from "tns-core-modules/utils/utils";

if (utils.ad) {
  utils.ad.dismissSoftInput();
} else {
  // iOS
  utils.ios
            .getter(UIApplication, UIApplication.sharedApplication)
            .keyWindow
            .endEditing(true);
}

【讨论】：

如果我把它放在我页面的主布局中对我有用，但会覆盖 RadListView itemTap 事件