Improved Code, Extended InputText, Improved Example, Update README.md, Added screenshots

Author: marcocesarato

.gitignore

@@ -0,0 +1,2 @@
+.idea/**
+Example/package-lock.json

Example/App.js

@@ -8,6 +8,8 @@ export default class App extends Component {
         super(props);
         this.state = {
             value: "Example of string",
+            valueRequired: "",
+            valueNumber: 1,
         }
     }
 
@@ -18,10 +20,30 @@ export default class App extends Component {
                 <TextInput
                     value={this.state.value}
                     style={styles.input}
-                    type={"email"}
                     onChangeText={(text) => {this.setState({value: text})}}>
                     <Text>Default</Text>
                 </TextInput>
+                <TextInput
+                    value={this.state.valueRequired}
+                    required={true}
+                    style={styles.input}
+                    onChangeText={(text) => {this.setState({valueRequired: text})}}>
+                    <Text>Required</Text>
+                </TextInput>
+                <TextInput
+                    value={this.state.value}
+                    style={styles.input}
+                    type={"email"}
+                    onChangeText={(text) => {this.setState({value: text})}}>
+                    <Text>Email</Text>
+                </TextInput>
+                <TextInput
+                    value={this.state.valueNumber}
+                    style={styles.input}
+                    type={"numeric"}
+                    onChangeText={(text) => {this.setState({valueNumber: text})}}>
+                    <Text>Number</Text>
+                </TextInput>
             </ScrollView>
         );
     }

README.md

@@ -1 +1,147 @@
-# react-native-input-validator
+# React Native Input Validator
+### react-native-input-validator
+
+[![NPM version][npm-image]][npm-url]
+[![npm download][download-image]][download-url]
+[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/)
+
+[npm-image]: http://img.shields.io/npm/v/react-native-input-validator.svg?style=flat-square
+[npm-url]: http://npmjs.org/package/react-native-input-validator
+[download-image]: https://img.shields.io/npm/dm/react-native-input-validator.svg?style=flat-square
+[download-url]: https://npmjs.org/package/react-native-input-validator
+
+**Github:** https://github.com/marcocesarato/react-native-input-validator
+
+**Author:** Marco Cesarato
+
+## Description
+
+This library validates strings and number passed on TextInput component and highlight the result (valid green, invalid red).
+
+
+## Install
+
+### npm
+```shell
+npm install react-native-input-validator --save
+```
+
+### Yarn
+```shell
+yarn add react-native-input-validator
+```
+
+## Usage
+
+### Require
+
+This library have 2 componets `InputValidator` and `InputText`.
+The first have floating labels (placeholder) and the second one not.
+
+```javascript
+include {InputValidator, InputText} from 'react-native-input-validator';
+```
+
+### Placeholder floating label
+```javascript
+// Require
+include {InputValidator} from 'react-native-input-validator';
+
+// Example
+<InputValidator
+    ref={(r) => {
+        this.input = r;
+    }}
+    value={this.state.value}
+    style={styles.input}
+    onChangeText={(text) => {this.setState({value: text})}}>
+    
+    <Text>Default</Text>
+    
+</InputValidator>
+
+// Check Validation
+this.input.isValidated(); // Faster
+this.input.isValid();
+```
+
+### Only text input
+```javascript
+// Require
+include {InputText} from 'react-native-input-validator';
+
+// Example
+<InputText
+    ref={(r) => {
+        this.input = r;
+    }}
+    value={this.state.value}
+    style={styles.input}
+    onChangeText={(text) => {this.setState({value: text})}}>
+    
+    <Text>Default</Text>
+    
+</InputText>
+
+// Check Validation
+this.input.isValidated(); // Faster
+this.input.isValid();
+```
+
+## Run example
+Clone or download repo and after:
+```shell
+cd Example
+yarn install # or npm install
+expo start
+```
+
+Open Expo Client on your device. Use it to scan the QR code printed by `expo start`. You may have to wait a minute while your project bundles and loads for the first time.
+
+## Screenshots
+
+### Example
+<img src="screenshots/example.png" />
+
+## Types
+
+- email
+- phone
+- url
+- currency
+- postal-code
+- hex-color
+- identity-card
+- credit-card
+- numeric
+- integer | int
+- real | float
+- decimal
+- alpha
+- alphanumeric
+
+## Handlers
+
+Same of `TextInput`.
+Read more here: https://facebook.github.io/react-native/docs/textinput.html
+
+## Props
+
+Same of `TextInput`. 
+Read more here: https://facebook.github.io/react-native/docs/textinput.html
+
+Property          | Description | Type | Default | Note
+------------------|-------------|------|---------|-------
+type               | Type of input | String  | `dafault`  | |
+symbol | Symbol for `currency` type | String  | | |
+locale               | For better validation can be useful for some type like `postal-code`, `identity-card` etc... | String  |   | Locale is one of `['ar', 'ar-AE', 'ar-BH', 'ar-DZ', 'ar-EG', 'ar-IQ', 'ar-JO', 'ar-KW', 'ar-LB', 'ar-LY', 'ar-MA', 'ar-QA', 'ar-QM', 'ar-SA', 'ar-SD', 'ar-SY', 'ar-TN', 'ar-YE', 'bg-BG', 'cs-CZ', 'da-DK', 'de-DE', 'el-GR', 'en-AU', 'en-GB', 'en-HK', 'en-IN', 'en-NZ', 'en-US', 'en-ZA', 'en-ZM', 'es-ES', 'fr-FR', 'hu-HU', 'it-IT', 'ku-IQ', 'nb-NO', 'nl-NL', 'nn-NO', 'pl-PL', 'pt-BR', 'pt-PT', 'ru-RU', 'sl-SI', 'sk-SK', 'sr-RS', 'sr-RS@latin', 'sv-SE', 'tr-TR', 'uk-UA']` |
+
+## Props style
+
+Property          | Description | Type | Default | Note
+------------------|-------------|------|---------|-------
+style | Input style | Object |  |  |
+labelStyle | Label Style (placeholder) | Object | Only using `InputValidator` |
+containerStyle | Container Style | Object |  Only using `InputValidator` |
+validStyle  | Input Style when valid | Object |  |
+invalidStyle |  Input Style when invalid  | Object |  |