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 text-input-wrapper --save

Usage

Import TextInputWrapper as a JavaScript module:

import TextInputWrapper from 'text-input-wrapper';

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})
        }}
    />