27 lines
755 B
TypeScript
27 lines
755 B
TypeScript
import { useBottomTabBarHeight } from "@react-navigation/bottom-tabs";
|
|
import { BlurView } from "expo-blur";
|
|
import { StyleSheet } from "react-native";
|
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
|
|
import { useTheme } from "@/context/ThemeContext";
|
|
|
|
export default function BlurTabBarBackground() {
|
|
const { theme } = useTheme();
|
|
const isDark = theme === "dark";
|
|
|
|
return (
|
|
<BlurView
|
|
// Use theme-specific tint to ensure proper background color
|
|
tint={isDark ? "dark" : "light"}
|
|
intensity={100}
|
|
style={StyleSheet.absoluteFill}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function useBottomTabOverflow() {
|
|
const tabHeight = useBottomTabBarHeight();
|
|
const { bottom } = useSafeAreaInsets();
|
|
return tabHeight - bottom;
|
|
}
|