SearchBar | NativeScript 中文

<SearchBar> 是一个提供用于输入搜索查询的用户界面的 UI 组件。

xml

<SearchBar hint="Search..." />

属性

hint: string

获取或设置输入区域的占位符文本。

text: string

获取或设置搜索查询的值。

textFieldBackgroundColor: Color

获取或设置输入区域的背景颜色。

请参阅颜色。

textFieldHintColor: Color

获取或设置占位符文本的颜色。

请参阅颜色。

有关其他继承属性，请参阅 API 参考

on('textChange', (args: PropertyChangeData) => {
  const searchBar = args.object as SearchBar
  console.log('Search query:', args.value)
})

当搜索文本更改时发出。

on('submit', (args: EventData) => {
  const searchBar = args.object as SearchBar
  console.log('Search for:', searchBar.text)
})

当搜索文本提交时发出。

on('submit', (args: EventData) => {
  const searchBar = args.object as SearchBar
  console.log('SearchBar cleared')
})

当通过输入区域中的✗按钮清除搜索输入时发出。