fix(customTextInput): fixing duplicated element

README.md

@@ -404,6 +404,9 @@ var money = MaskService.toMask('money', '123', {
 
 
 # Changelog
+## 1.6.1
+* Fixing duplicated custom text input component. (thanks to [Pablo](https://github.com/rochapablo))
+
 ## 1.6.0
 * Add compatibility to [react-native-textinput-effects](https://github.com/halilb/react-native-textinput-effects) by using `customTextInputProps` (thanks to [Pablo](https://github.com/rochapablo))
 

lib/text-input-mask.js

@@ -7,16 +7,7 @@ import BaseTextComponent from './base-text-component';
 
 const INPUT_TEXT_REF = '$input-text';
 
-let Input = TextInput
-let customTextInputProps = {}
-
 export default class TextInputMask extends BaseTextComponent {
-	constructor(props) {
-		super(props);
-		if (props.customTextInput) Input = props.customTextInput
-		if (props.customTextInputProps) customTextInputProps = props.customTextInputProps
-	}
-
 	getElement() {
 		return this.refs[INPUT_TEXT_REF];
 	}
@@ -49,6 +40,14 @@ export default class TextInputMask extends BaseTextComponent {
 	}
 
 	render() {
+		let Input = TextInput
+		let customTextInputProps = {}
+
+		if (this.props.customTextInput) {
+			Input = this.props.customTextInput
+			customTextInputProps = this.props.customTextInputProps || {}
+		}
+
 		return (
 			<Input
 				ref={INPUT_TEXT_REF}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-masked-text",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Text and TextInput with mask for React Native applications",
   "main": "index.js",
   "scripts": {