Fix: Save button must not be hidden behind keyboard on opening status…

src/hooks/useResetComposerFocus.ts

@@ -1,8 +1,8 @@
 import {useIsFocused} from '@react-navigation/native';
 import type {MutableRefObject} from 'react';
 import {useEffect, useRef} from 'react';
-import {InteractionManager} from 'react-native';
 import type {TextInput} from 'react-native';
+import inputFocusResetHandler from '@libs/InputFocusResetHandler';
 
 export default function useResetComposerFocus(inputRef: MutableRefObject<TextInput | null>) {
     const isFocused = useIsFocused();
@@ -12,13 +12,8 @@ export default function useResetComposerFocus(inputRef: MutableRefObject<TextInp
         if (!isFocused || !shouldResetFocusRef.current) {
             return;
         }
-        const interactionTask = InteractionManager.runAfterInteractions(() => {
-            inputRef.current?.focus(); // focus input again
-            shouldResetFocusRef.current = false;
-        });
-        return () => {
-            interactionTask.cancel();
-        };
+
+        inputFocusResetHandler.handleInputFocusReset(inputRef, shouldResetFocusRef);
     }, [isFocused, inputRef]);
 
     return {isFocused, shouldResetFocusRef};

src/libs/InputFocusResetHandler/index.ios.ts

@@ -0,0 +1,18 @@
+import {InteractionManager} from 'react-native';
+import type InputFocusResetHandler from './types';
+
+const inputFocusResetHandler: InputFocusResetHandler = {
+    handleInputFocusReset: (inputRef, shouldResetFocusRef) => {
+        if (!inputRef.current || !shouldResetFocusRef.current) {
+            return;
+        }
+
+        InteractionManager.runAfterInteractions(() => {
+            inputRef?.current?.focus();
+            const resetFocusRef = shouldResetFocusRef;
+            resetFocusRef.current = false;
+        });
+    },
+};
+
+export default inputFocusResetHandler;

src/libs/InputFocusResetHandler/index.ts

@@ -0,0 +1,15 @@
+import type InputFocusResetHandler from './types';
+
+const inputFocusResetHandler: InputFocusResetHandler = {
+    handleInputFocusReset: (inputRef, shouldResetFocusRef) => {
+        if (!inputRef.current || !shouldResetFocusRef.current) {
+            return;
+        }
+
+        inputRef?.current?.focus();
+        const resetFocusRef = shouldResetFocusRef;
+        resetFocusRef.current = false;
+    },
+};
+
+export default inputFocusResetHandler;

src/libs/InputFocusResetHandler/types.ts

@@ -0,0 +1,8 @@
+import type {MutableRefObject} from 'react';
+import type {TextInput} from 'react-native';
+
+type InputFocusResetHandler = {
+    handleInputFocusReset: (inputRef: MutableRefObject<TextInput | null>, shouldResetFocusRef: React.MutableRefObject<boolean>) => void;
+};
+
+export default InputFocusResetHandler;