fix: secureTextEntry issue

hoaphantn7604 · Jul 11, 2022 · a2ec4f9 · a2ec4f9
1 parent c3de44e
commit a2ec4f9
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-element-textinput",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A react-native TextInput, TagsInput and AutoComplete component easy to customize for both iOS and Android.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/HashtagInput/index.tsx b/src/HashtagInput/index.tsx
@@ -1,6 +1,14 @@
 /* eslint-disable no-shadow */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Image, StyleProp, Text, TextInput, TextStyle, TouchableOpacity, View } from 'react-native';
+import {
+  Image,
+  StyleProp,
+  Text,
+  TextInput,
+  TextStyle,
+  TouchableOpacity,
+  View,
+} from 'react-native';
 import { styles } from './styles';
 import type { HashtagProps } from './model';
 

diff --git a/src/TagsInput/index.tsx b/src/TagsInput/index.tsx
@@ -1,6 +1,13 @@
 /* eslint-disable no-shadow */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { StyleProp, Text, TextInput, TextStyle, TouchableOpacity, View } from 'react-native';
+import {
+  StyleProp,
+  Text,
+  TextInput,
+  TextStyle,
+  TouchableOpacity,
+  View,
+} from 'react-native';
 import { styles } from './styles';
 import type { TagsInputProps } from './model';
 

diff --git a/src/TextInput/index.tsx b/src/TextInput/index.tsx
@@ -1,6 +1,14 @@
 /* eslint-disable no-shadow */
 import React, { useEffect, useMemo, useState } from 'react';
-import { Image, StyleProp, Text, TextInput, TextStyle, TouchableOpacity, View } from 'react-native';
+import {
+  Image,
+  StyleProp,
+  Text,
+  TextInput,
+  TextStyle,
+  TouchableOpacity,
+  View,
+} from 'react-native';
 import { styles } from './styles';
 import type { InputProps } from './model';
 
@@ -178,9 +186,9 @@ const TextInputComponent: InputProps = (props) => {
               <Text style={[styles.label, styleLable]}>{label}</Text>
             ) : null}
             <TextInput
+              secureTextEntry={textEntry}
               {...props}
               style={[styles.input, inputStyle, font()]}
-              secureTextEntry={textEntry}
               value={text}
               placeholder={isFocus || !label ? placeholder : ''}
               placeholderTextColor={placeholderTextColor}