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> es un componente de UI que muestra un campo de texto que sirve para ejecutar búsquedas y enviar información al proveedor de búsqueda.


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

<SearchBar> provee enlace de datos bidireccional (two-way data binding) usando v-model.

<SearchBar v-model="searchQuery" />

Propiedades

NombreTipoDescripción
hintStringObtiene o establece el placeholder para el campo de texto.
textStringObtiene o establece el valor del campo de texto.
textFieldBackgroundColorColorObtiene o establece el color del fondo del campo de texto
textFieldHintColorColorObtiene o establece el color del placeholder del campo de texto.

Eventos

NombreDescripción
textChangeEmitido cada vez que cambia el valor del campo de texto.
submitEmitido cuando se envian el valor del campo de texto.
clearEmitido cada vez que se limpia el valor del campo de texto (presionando el botón X).

Componente nativo

AndroidiOS
android.widget.SearchViewUISearchBar
Contributors