@applicaster/zapp-react-native-utils/reactHooks/navigation/useGetBottomTabBarHeight.ts

Applicaster Zapp React Native utilities package

import { useGetNavBarTopBorderWidth } from "./useGetNavBarTopBorderWidth";
import { getTabBarHeight } from "./getTabBarHeight";
import { useNavigation } from "./useNavigation";
import { MenuTypes, useNavigationType } from "./useNavigationType";
import { useNavigationPluginData } from "./useNavigationPluginData";

export const useGetBottomTabBarHeight = (): number => {
  const { activeRiver } = useNavigation();

  const navigationPluginData = useNavigationPluginData(activeRiver);
  const navigationType = useNavigationType(navigationPluginData);

  const topBorderWidth = useGetNavBarTopBorderWidth();
  const tabBarHeight = getTabBarHeight();

  const isBottomBarNavigation = navigationType === MenuTypes.bottomTabBar;

  return !isBottomBarNavigation ? 0 : tabBarHeight + topBorderWidth;
};