useTabPress.ts

useTabPress.ts

import { useNavigation } from "expo-router";
import { useEffect } from "react";
import { FlatList } from "react-native";

export const useTabPressScroll = <T>(ref: React.RefObject<FlatList<T>>) => {
  const navigation = useNavigation();
  useEffect(() => {
    // @ts-expect-error tabPress is not in the type
    const unsub = navigation.addListener("tabPress", (evt) => {
      if (navigation.isFocused()) {
        ref.current?.scrollToOffset({
          offset: 0,
          animated: true,
        });
      }
    });

    return unsub;
  }, [navigation]);
};