NativeScript/tests/app/ui/search-bar/search-bar.md

nav-title, title, environment, description, previous_url

nav-title	title	environment	description	previous_url
search-bar How-To	search-bar	nativescript	Examples for using search-bar	/ApiReference/ui/search-bar/HOW-TO

Declare SearchBar via XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
    <StackLayout class="p-20">
       <SearchBar id="searchBar" hint="Search" text="" clear="onClear" submit="onSubmit" />
    </StackLayout>
</Page>

SearchBar submit event

{%snippet searchbar-submit%}

SearchBar clear event

{%snippet searchbar-clear%}

SearchBar

Using the SearchBar requires the "ui/search-bar" module. {%snippet article-require-searchbar-module%}

Creating a SearchBar

{%snippet article-creating-searchbar%}

Searching

{%snippet article-searching%}