3139f85b5d
* docs(react-native): create the basic expo project * docs(react-native): cross-platform Apple social sign-in * docs(react-native): cross-platform Google social sign-in * docs(react-native): fix typos * docs(react-native): remove wrong entry in the `Connection` component * Correct typos * Prettier * Draft * Draft * docs(react-native): use kebab-case file naming convention in Expo guide - use kebab-case file naming convention in Expo guide - add trailing semicolon to align with the standard Expo template conventions * docs(react-native): use kebab-case file naming convention in Expo social auth example * docs(react-native): update the packages of the Expo social auth example * Fix * Draft * Changes * Correct log message --------- Co-authored-by: Chris Chinchilla <chris.ward@supabase.io> Co-authored-by: Chris Chinchilla <chris@chrischinchilla.com>
20 lines
547 B
TypeScript
20 lines
547 B
TypeScript
import { useBottomTabBarHeight } from '@react-navigation/bottom-tabs';
|
|
import { BlurView } from 'expo-blur';
|
|
import { StyleSheet } from 'react-native';
|
|
|
|
export default function BlurTabBarBackground() {
|
|
return (
|
|
<BlurView
|
|
// System chrome material automatically adapts to the system's theme
|
|
// and matches the native tab bar appearance on iOS.
|
|
tint="systemChromeMaterial"
|
|
intensity={100}
|
|
style={StyleSheet.absoluteFill}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function useBottomTabOverflow() {
|
|
return useBottomTabBarHeight();
|
|
}
|