Improve NamedInputField onBlur

- always trigger onFocus-styles away, and then the optional callback
sos-lapsikyla · Feb 11, 2024 · d33c170 · d33c170
1 parent 63f46c6
commit d33c170
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/Screens/components/NamedInputField.tsx b/src/Screens/components/NamedInputField.tsx
@@ -37,6 +37,13 @@ const NamedInputField = ({
     setIsFocused(true);
   };
 
+  const handleBlur = (
+    e: RN.NativeSyntheticEvent<RN.TextInputFocusEventData>,
+  ) => {
+    setIsFocused(false);
+    textInputProps?.onBlur && textInputProps.onBlur(e);
+  };
+
   return (
     <RN.View style={style}>
       <Message style={[styles.nameText, labelStyle]} id={name} />
@@ -51,8 +58,8 @@ const NamedInputField = ({
           editable={true}
           secureTextEntry={isSecureText}
           onFocus={handleFocus}
-          onBlur={() => setIsFocused(false)}
           {...textInputProps}
+          onBlur={handleBlur}
         />
         {isPasswordInput ? (
           <RN.TouchableOpacity