TextInputWrapper

A wrapper for TextInput in react-native. It provides a small red cross to help user clear TextInput's value.

Install

Make sure that you are in your React Native project directory and run:

npm install react-native-text-input-wrapper --save

Usage

Import TextInputWrapper as a JavaScript module:

import TextInputWrapper from 'react-native-text-input-wrapper';

1.This is an example of how to use the component and some of the commonly used props that it supports:

  <TextInputWrapper
        placeholder="username/phone"
        val={this.state.username}
        onChangeText={(value)=>{
            this.setState({username:value})
        }}
    />

2.it support search model,which use a search icon instead of a cancel icon,you can get notified by register the onConfirm callback

      <TextInputWrapper
            placeholder="username/phone"
            val={this.state.username}
            onChangeText={(value)=>{
                this.setState({username:value})
            }}
            onConfirm={()=>{
                
            }}
        />