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.