1.0.0 • Published 6 years ago
react-native-simple-input-validator v1.0.0
Installation
Using npm:
npm i -S react-native-simple-input-validatorUsing yarn:
yarn add react-native-simple-input-validatorQuick 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.
1.0.0
6 years ago