New methods, fixed some bugs

Version 1.0.7
focus methos,
clear method,
onRef prop,.
Update README.md

Author: marcocesarato

Example/App.js

@@ -1,11 +1,14 @@
 import React, {Component} from "react";
-import {StyleSheet, Text, ScrollView} from 'react-native';
+import {StyleSheet, Text, ScrollView, TouchableOpacity} from 'react-native';
 import TextInput from "react-native-input-validator";
 
 export default class App extends Component {
 
     constructor(props){
         super(props);
+
+        this.input = [];
+
         this.state = {
             value: "Example of string",
             valueRequired: "",
@@ -14,36 +17,58 @@ export default class App extends Component {
     }
 
     render(){
+        this.input = [];
         return (
             <ScrollView style={styles.container}>
                 <Text style={styles.title}>Example{"\n"}react-native-input-validator</Text>
                 <TextInput
+                    onRef={(r) => {
+                        this.input.push(r);
+                    }}
                     value={this.state.value}
                     style={styles.input}
                     onChangeText={(text) => {this.setState({value: text})}}>
                     <Text>Default</Text>
                 </TextInput>
                 <TextInput
+                    onRef={(r) => {
+                        this.input.push(r);
+                    }}
                     value={this.state.valueRequired}
                     required={true}
                     style={styles.input}
                     onChangeText={(text) => {this.setState({valueRequired: text})}}>
                     <Text>Required</Text>
                 </TextInput>
                 <TextInput
+                    onRef={(r) => {
+                        this.input.push(r);
+                    }}
                     value={this.state.value}
                     style={styles.input}
                     type={"email"}
                     onChangeText={(text) => {this.setState({value: text})}}>
                     <Text>Email</Text>
                 </TextInput>
                 <TextInput
+                    onRef={(r) => {
+                        this.input.push(r);
+                    }}
                     value={this.state.valueNumber}
                     style={styles.input}
                     type={"numeric"}
                     onChangeText={(text) => {this.setState({valueNumber: text})}}>
                     <Text>Number</Text>
                 </TextInput>
+                <TouchableOpacity
+                    style={styles.button}
+                    onPress={() => {
+                        this.input.map((item) => {
+                           console.log(item);
+                        });
+                    }}>
+                    <Text>Validate</Text>
+                </TouchableOpacity>
             </ScrollView>
         );
     }
@@ -64,5 +89,11 @@ const styles = StyleSheet.create({
         flex: 1,
         width: "auto",
         minWidth: 150,
+    },
+    button: {
+        marginTop: 20,
+        alignItems: "center",
+        padding: 20,
+        backgroundColor: "#DDD"
     }
 });

Example/package.json

@@ -12,7 +12,7 @@
     "react": "16.8.3",
     "react-dom": "^16.8.6",
     "react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
-    "react-native-input-validator": "^1.0.3",
+    "react-native-input-validator": "^1.0.7",
     "react-native-web": "^0.11.4",
     "validator": "^11.1.0"
   },

README.md

@@ -51,12 +51,13 @@ import TextInput from 'react-native-input-validator';
 
 #### Placeholder floating label
 ```javascript
-// Require
+// Import
 import TextInput from 'react-native-input-validator';
-
+```
+```javascript
 // Example
 <InputValidator
-    ref={(r) => {
+    onRef={(r) => {
         this.input = r;
     }}
     type="email"
@@ -67,30 +68,33 @@ import TextInput from 'react-native-input-validator';
     <Text>Default</Text>
 
 </InputValidator>
-
+```
+```javascript
 // Check Validation
-this.input.isValidated(); // Faster
-this.input.isValid();
+this.input.isValidated(); // Faster: Check validation state
+this.input.isValid(); // Alternative safer: Validate and check validation state
 ```
 
 #### Only text input
 ```javascript
-// Require
+// Import
 import TextInput from 'react-native-input-validator';
-
+```
+```javascript
 // Example
 <InputText
-    ref={(r) => {
+    onRef={(r) => {
         this.input = r;
     }}
     type="email"
     value={this.state.value}
     style={styles.input}
     onChangeText={(text) => {this.setState({value: text})}} />
-
+```
+```javascript
 // Check Validation
-this.input.isValidated(); // Faster
-this.input.isValid();
+this.input.isValidated(); // Faster: Check validation state
+this.input.isValid(); // Alternative safer: Validate and check validation state
 ```
 
 ## ⚡️ Run example
@@ -124,15 +128,29 @@ Open Expo Client on your device. Use it to scan the QR code printed by `expo sta
 
 ### Handlers
 
-Same of `TextInput`.
+Same of `TextInput` like `onChangeText` etc... 
+Read more here: https://facebook.github.io/react-native/docs/textinput.html
+
+Additional Handlers          | Description | Type | Default | Note
+------------------|-------------|------|---------|-------
+onRef             | Reference of the TextInput instance  | Function  |  | Important for validate fields |
+
+### Methods
+
+Same of `TextInput` like `focus()`, `clear()`, `blur()` etc... 
 Read more here: https://facebook.github.io/react-native/docs/textinput.html
 
+Additional Methods          | Description | Type | Default | Note
+------------------|-------------|------|---------|-------
+isValidated       | Check if state of TextInput is valid | Bool
+isValid           | Validate the TextInput and return the validation state | Bool
+
 ### Props
 
-Same of `TextInput`. 
+Same of `TextInput` like `editable`, `autoFocus` etc... 
 Read more here: https://facebook.github.io/react-native/docs/textinput.html
 
-Property          | Description | Type | Default | Note
+Additional Property          | Description | Type | Default | Note
 ------------------|-------------|------|---------|-------
 type               | Type of input | String  | `dafault`  | |
 symbol | Symbol for `currency` type | String  | | |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-input-validator",
-  "version": "1.0.3",
+  "version": "1.0.7",
   "description": "React native input with floating label and data validation",
   "main": "index.js",
   "scripts": {

src/InputValidator.js

@@ -45,9 +45,21 @@ class InputValidator extends Component {
      * Component did mount
      */
     componentDidMount() {
+        if(typeof this.props.onRef === 'function') {
+            this.props.onRef(this);
+        }
         this.validate();
     }
 
+    /**
+     * Component did unmount
+     */
+    componentDidUnmount() {
+        if(typeof this.props.onRef === 'function') {
+            this.props.onRef(undefined);
+        }
+    }
+
     /**
      * Get locale
      * @returns {string}
@@ -225,6 +237,27 @@ class InputValidator extends Component {
         Keyboard.dismiss();
     }
 
+    /**
+     * Focus
+     */
+    focus() {
+        this.input.focus();
+    }
+
+    /**
+     * Update
+     */
+    update() {
+        this.input.update();
+    }
+
+    /**
+     * Clear
+     */
+    clear() {
+        this.input.clear();
+    }
+
     /**
      * On Focus
      * @param event