触摸文本字段外后如何隐藏键盘?

gsa*_*rme 1 android ios typescript nativescript angular

我有一个跨平台的应用程序。我有一个包含多个 TextField 的表单。我想在用户触摸文本字段外部时隐藏键盘,因为它覆盖了发送数据的按钮。

我能怎么做?

在我的 .html 文件中,我有:

<ScrollView>
  <GridLayout ios:style="margin-top:50">
    <StackLayout class="form">

      <!-- Some TextView -->

    </StackLayout>
  </GridLayout>
</ScrollView>
Run Code Online (Sandbox Code Playgroud)

编辑

这是一个显示错误的操场

Tyl*_*r V 5

在最新版本的 NS 6.0+ 中隐藏键盘的正确方法是直接访问上下文。

import { isIOS, isAndroid } from 'tns-core-modules/platform';
import * as utils from 'tns-core-modules/utils/utils';
declare const UIApplication;

  dismissKeyboard() {
    if (isIOS) {
      UIApplication.sharedApplication.keyWindow.endEditing(true);
    }
    if (isAndroid) {
      utils.ad.dismissSoftInput();
    }
  }
Run Code Online (Sandbox Code Playgroud)