Installation

Using npm:

npm i -S react-native-simple-input-validator

Using yarn:

yarn add react-native-simple-input-validator

Quick Start

First import Input from 'react-native-simple-input-validator

Then use it like this

<Input label='name' validator="username" getTextValue={(val) => console.log(value)} />

Run the example

• cd example
• npm install or yarn
• react-native run-ios or react-native run-android

Props

| Prop Name | Type | Default Description | | ------------- |:-------------:| -----:| | validator | string | Input validators. Can be a predefined name like email, username or password. | | customValidator | funtcion | you can pass your own function to validate | | errorMessage | string | 'Invalid entry' Message displayed when the input is invalid | | errorMessageStyle | ViewPropTypes.style | { color: 'red' }  Style applied to the text error messages | | errorInputContainerStyle  |   ViewPropTypes.style | { borderColor: ‘red’, borderWidth: 1 }  Style applied to the input view container when the input is invalid. | | containerStyle |  ViewPropTypes.style  |   Style applied to the global container | | imageName   | string   |   Name of the image displayed at the left of the input. | | imageStyle   | ViewPropTypes.style | { width: 20, height: 20 } Style applied to image | | labelStyle  | Text style  |    Style applied to the label | | labelViewStyle | Text style | Style applied to label container | | textInputContainerStyle | ViewPropTypes.style   |  Style applied to the input container, which wraps the icon and the input | | inputRef   | function    |    Ref for the TextInput |

Methods

| Name | Description | | ------------- | -----:| | getTextValue  |      Returns the value of the input |

Contributing

• If you have any problem, leave an issue here
• If you want to add a feature of fix a bug, leave a pull request.