搜索栏组件

更新时间:2022-03-04 15:15:59

SearchInput

组件预览图

搜索栏组件

组件属性

字段名 类型 描述 默认值
style StyleProp 组件样式 null
inputStyle StyleProp 搜索框样式 null
onChange void 搜索框搜索事件 null
allowClear boolean 是否显示重置按钮,默认不显示 false
placeholder string 搜索框占位符 请输入关键字搜索
placeholderTextColor string 搜索框 placeholder 字体颜色 rgba(0,0,0,0.7)
onCancel void 重置事件 null
showSearchIcon boolean 是否显示搜索图标 null
searchImageStyle ImageStyle 搜索图标样式 null
searchIcon string 自定义搜索图标 null
defaultValue string 搜索框默认值 null
resetValue string 重置文案自定义,不超过 12 个字符 重置
resetTextStyle StyleProp 重置字体样式 null
resetTouchableStyle StyleProp 重置按钮样式 null

使用示例

import { SearchInput } from '@tuya/tuya-panel-remote-sdk'

class SearchInput extends Component {
  render() {
    <View>
        <SearchInput  />
      </View>
  }
}