在 Android 上的 NativeScript 中，如何防止 SearchBar 专注于页面加载

Question

我在ScrollView中有一个SeachBar。在iOS中，一切都很好。在Android上，ScrollView会自动滚动到搜索栏，为其添加焦点并显示软键盘。我可以通过在 AndroidManifest.xml 文件中添加android:windowSoftInputMode="stateHidden"作为活动来隐藏软键盘，但我无法弄清楚如何阻止焦点（从而防止自动滚动）。任何帮助将不胜感激。

Answer 1

使用 Angular2：

app/my.component.html

<StackLayout (loaded)="onSearchLayoutLoaded($event)">
    <SearchBar hint="search here" (loaded)="onSearchBarLoaded($event)">
    </SearchBar>
</StackLayout>

app/my.component.ts

    onSearchLayoutLoaded(event) {
        if (event.object.android) {
            event.object.android.setFocusableInTouchMode(true);
        }
    }
    onSearchBarLoaded(event) {
        if (event.object.android) {
            event.object.android.clearFocus();
        }
    }

这消除了不必要的使用模板引用变量。

Answer 2

对于Android，你需要做几件事。如果您使用的是原生 Android 布局，假设您将设置android:focusableInTouchMode="true" LinerLayout，这应该适用于大多数用例。因此，使用NativeScript，您将在SearchBar的父级上使用关联的方法，然后在搜索栏上调用'clearFocus（）。

例

function removeSearchFocus() {
    // get the parent of the searchbar
    var parent = page.getViewById('parentLayout');
    var searchBar = page.getViewById('mySearchBar');
    if (parent.android) {
        parent.android.setFocusableInTouchMode(true);
        parent.android.setFocusable(true);
        searchBar.android.clearFocus();
    }
}

然后将此函数附加到其中一个页面导航事件，或将重要部分转储到应用中可能已有的当前页面事件中。只需为父母分配一个ID和搜索栏，这样您就可以通过ID获取它，这应该可以工作。

Answer 3

如何向页面加载或加载事件添加endEditing？

searchBar = page.getViewById('your-searchbar');
searchBar.ios.endEditing(true);

或者将焦点设置为您希望焦点所在的另一个元素，例如

somethingElse = page.getViewById('your-top-bar');
somethingElse.focus();