Another Vue of NativeScript Webinar is now on YouTube
SearchBar

This is an overview of the most common usage of SearchBar. For more information about the available properties, methods, or events, head over to the complete API documentation for SearchBar.

<SearchBar>ユーザーが検索ワードを入力して検索エンジンにリクエストを送信するためのUIコンポーネントです。


<SearchBar hint="Search hint" :text="searchPhrase" @textChange="onTextChanged" @submit="onSubmit" />

<SearchBar>v-modelによる双方向バインディングを提供します。

<SearchBar v-model="searchQuery" />

Props

名前説明
hintStringインプットエリアにプレースホルダーを取得・設定します。
textString検索クエリの値を取得・設定します。
textFieldBackgroundColorColorインプットエリアの背景色を取得・設定します。
textFieldHintColorColorプレースホルダーのテキストの色を取得・設定します。

Events

名前説明
textChangeテキストが変更された際に発火します。
submitクエリが送信された際に発火します。
clear現在の検索クエリが検索バーのXボタンによって消去されたときに発火します。

Native Component

AndroidiOS
android.widget.SearchViewUISearchBar
Contributors