TabBarBackground.ios.tsx 547 B

12345678910111213141516171819
  1. import { useBottomTabBarHeight } from '@react-navigation/bottom-tabs';
  2. import { BlurView } from 'expo-blur';
  3. import { StyleSheet } from 'react-native';
  4. export default function BlurTabBarBackground() {
  5. return (
  6. <BlurView
  7. // System chrome material automatically adapts to the system's theme
  8. // and matches the native tab bar appearance on iOS.
  9. tint="systemChromeMaterial"
  10. intensity={100}
  11. style={StyleSheet.absoluteFill}
  12. />
  13. );
  14. }
  15. export function useBottomTabOverflow() {
  16. return useBottomTabBarHeight();
  17. }