DismissSoftInput() 用于 Nativescript-Vue 的搜索栏

Question

解释问题：

搜索栏无法关闭打开的键盘。这使得 搜索栏非常不可用，因为普通用户模式是 用户搜索某物，然后按该项目并进行导航 那里。在 Android 上（至少 >= 5.x），打开的键盘将 继续保持打开状态，即使在新页面上也是如此。

参考Github 上的问题，任何人如何为 Nativescript-Vue 而不是使用 Typescript 的 Nativescript 做到这一点

更新：

添加游乐场：https://play.nativescript.org/?template=play-vue&id=hrrcW9

如果我最小化应用程序，然后再次单击它，键盘会再次弹出。

Answer 1

正如您在链接问题中已经看到的那样，功能请求在完成后关闭。 dismissSoftInput() 是 SearchBar 现在隐藏键盘的方法。

如果您仍有问题，请分享您的代码。

更新：

将第一个可聚焦元素集中在片段/活动上是 Android 的默认行为。添加事件侦听器/超时以从每个屏幕移除焦点可能很烦人，我更喜欢使用自动焦点视图作为我的布局的第一个元素（这不会对屏幕设计产生任何影响），这将阻止自动聚焦在我的文本上字段/搜索栏。

import { View } from "tns-core-modules/ui/core/view";

export class AutoFocusView extends View {

    createNativeView() {
        if (typeof android !== "undefined") {
            const linearLayout = new android.widget.LinearLayout(this._context);
            linearLayout.setFocusableInTouchMode(true);
            linearLayout.setFocusable(true);
            return linearLayout;
        }
        return super.createNativeView();
    }

    onLoaded() {
        super.onLoaded();
        if (typeof android !== 'undefined') {
            this.requestFocus();
        }
    }

    requestFocus() {
        if (typeof android !== "undefined") {
            const nativeViewProtected = this.nativeViewProtected;
            nativeViewProtected.requestFocus();
        }
    }
}

Playground Sample