# Input

# 组件引入

import InputCom from "..."

# 组件功能

• 顶部搜索框
• form表单输入框
• 文本域
• 顶部搜索框-搜索图标的展示
• 输入框清楚图标
• form输入框错误提示

# Demo

• 顶部搜索框

      <InputCom
        style={{backgroundColor:'#fff',margin:10,width:250}}
        isRadius
        // maxLength={10}
        placeholderTextColor={'green'}
        // textColor={'red'}
        textStyle={{color:'green'}}
        // rightIcon
        isShowCloseBtn
        isShowIcon
        // defaultValue={'88888'}
        onChangeText={(val)=>{
          this.setState({
            inputVal:val
          })
        }}
      />
  

  

• form表单与错误提示

      <InputCom
        type={"form"}
        style={{backgroundColor:'#eee'}}
        formStyle={{backgroundColor:'#fff',margin:10,}}
        placeholderTextColor={'green'}
        textStyle={{color:'green'}}
        isShowCloseBtn
        formTitleWidth={100}
        errorText={'错误提示'}
        title={'年龄'}
        // defaultValue={'88888'}
        onChangeText={(val)=>{
          this.setState({
            inputVal:val
          })
        }}
      />
  

  

# props