fix: scroll to bottom

Author: OtavioStasiak

app/views/RoomView/List/components/List.tsx

@@ -1,6 +1,8 @@
-import React, { useMemo, useState } from 'react';
+import React, { useMemo, useRef, useState } from 'react';
 import { type NativeScrollEvent, type NativeSyntheticEvent, StyleSheet, View } from 'react-native';
 import { FlashList } from '@shopify/flash-list';
+import { useKeyboardHandler } from 'react-native-keyboard-controller';
+import { runOnJS } from 'react-native-reanimated';
 
 import { type IListProps } from '../definitions';
 import NavBottomFAB from './NavBottomFAB';
@@ -19,6 +21,7 @@ const styles = StyleSheet.create({
 const List = ({ listRef, jumpToBottom, ...props }: IListProps) => {
 	const [visible, setVisible] = useState(false);
 	const { isAutocompleteVisible } = useRoomContext();
+	const isNearBottomRef = useRef(true); // Track if user is near bottom
 
 	const maintainVisibleContentPositionConfig = useMemo(
 		() => ({
@@ -33,13 +36,38 @@ const List = ({ listRef, jumpToBottom, ...props }: IListProps) => {
 		const currentScroll = Math.round(e.nativeEvent?.contentSize?.height) - Math.round(e.nativeEvent?.contentOffset.y);
 		const layoutLimit = e.nativeEvent.layoutMeasurement.height + SCROLL_LIMIT;
 
+		// Update FAB visibility
 		if (layoutLimit < currentScroll) {
 			setVisible(true);
+			isNearBottomRef.current = false;
 		} else {
 			setVisible(false);
+			isNearBottomRef.current = true;
 		}
 	};
 
+	// Handle keyboard show event
+	const handleKeyboardShow = () => {
+		if (isNearBottomRef.current && jumpToBottom) {
+			jumpToBottom();
+		}
+	};
+
+	// Listen for keyboard events
+	useKeyboardHandler(
+		{
+			onStart: e => {
+				'worklet';
+
+				// Only scroll when keyboard is opening (height > 0)
+				if (e.height > 0) {
+					runOnJS(handleKeyboardShow)();
+				}
+			}
+		},
+		[jumpToBottom]
+	);
+
 	return (
 		<View style={styles.list}>
 			<FlashList