20 lines
548 B
TypeScript
20 lines
548 B
TypeScript
import { StyleSheet, View } from 'react-native';
|
|
import { useBottomTabBarHeight } from '@react-navigation/bottom-tabs';
|
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
|
|
export default function BlurTabBarBackground() {
|
|
return (
|
|
<View
|
|
style={[
|
|
StyleSheet.absoluteFill,
|
|
{ backgroundColor: 'rgba(255, 255, 255, 0.8)' }
|
|
]}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function useBottomTabOverflow() {
|
|
const tabHeight = useBottomTabBarHeight();
|
|
const { bottom } = useSafeAreaInsets();
|
|
return tabHeight - bottom;
|
|
}
|