fix(iOS): swipe back adds weird padding to Messages List

app/containers/MessageComposer/components/ComposerInput.tsx

@@ -35,6 +35,7 @@
 import { usePrevious } from '../../../lib/hooks/usePrevious';
 import { ChatsStackParamList } from '../../../stacks/types';
 import { loadDraftMessage } from '../../../lib/methods/draftMessage';
+import useIOSBackSwipeHandler from '../hooks/useIOSBackSwipeHandler';
 
 const defaultSelection: IInputSelection = { start: 0, end: 0 };
 
@@ -65,6 +66,9 @@
 		useMicOrSend();
 		const { saveMessageDraft } = useAutoSaveDraft(textRef.current);
 
+		// workaround to handle issues with iOS back swipe navigation
+		const { iOSBackSwipe } = useIOSBackSwipeHandler();
+
 		// Draft/Canned Responses
 		useEffect(() => {
 			const setDraftMessage = async () => {
@@ -85,7 +89,7 @@
 			}
 			if (sharing) return;
 			if (usedCannedResponse) setInput(usedCannedResponse);
 		}, [action, rid, tmid, usedCannedResponse]);
 
 		// Edit/quote
 		useEffect(() => {
@@ -204,8 +208,10 @@
 		};
 
 		const onBlur: TextInputProps['onBlur'] = () => {
-			setFocused(false);
-			stopAutocomplete();
+			if (!iOSBackSwipe.current) {
+				setFocused(false);
+				stopAutocomplete();
+			}
 		};
 
 		const onAutocompleteItemSelected: IAutocompleteItemProps['onPress'] = async item => {

app/containers/MessageComposer/hooks/useIOSBackSwipeHandler.ts

@@ -0,0 +1,36 @@
+import { useEffect, useRef } from 'react';
+import { Keyboard } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+
+import { isIOS } from '../../../lib/methods/helpers';
+
+const useIOSBackSwipeHandler = () => {
+	const navigation = useNavigation();
+	const iOSBackSwipe = useRef<boolean>(false);
+
+	useEffect(() => {
+		if (!isIOS) return;
+
+		const transitionStartListener = navigation.addListener('transitionStart' as any, e => {
+			if (e?.data?.closing) {
+				iOSBackSwipe.current = true;
+				Keyboard.dismiss();
+			}
+		});
+
+		const transitionEndListener = navigation.addListener('transitionEnd' as any, e => {
+			if (e?.data?.closing) {
+				iOSBackSwipe.current = false;
+			}
+		});
+
+		return () => {
+			transitionStartListener();
+			transitionEndListener();
+		};
+	}, []);
+
+	return { iOSBackSwipe };
+};
+
+export default useIOSBackSwipeHandler;