#14/이전에 삭제됐던 것들

App.tsx

@@ -19,6 +19,7 @@ import HomeIcon from './src/assets/navbar/Home.svg';
 import MyPageIcon from './src/assets/navbar/MyPage.svg';
 import SignIn from './src/components/Auth/SignIn';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { BottomBarProvider, useBottomBar } from './contexts/BottomBarContext';
 
 export type StackProps = {
   Home: undefined;
@@ -37,17 +38,19 @@ const GlobalTheme = {
 
 function App(): React.JSX.Element {
   return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <NavigationContainer theme={GlobalTheme}>
-        <Stack.Navigator
-          screenOptions={() => ({
-            headerShown: false,
-          })}>
-          <Stack.Screen name="Home" component={HomeTab} />
-          <Stack.Screen name="Signin" component={SignIn} />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </GestureHandlerRootView>
+    <BottomBarProvider>
+      <GestureHandlerRootView style={{ flex: 1 }}>
+        <NavigationContainer theme={GlobalTheme}>
+          <Stack.Navigator
+            screenOptions={() => ({
+              headerShown: false,
+            })}>
+            <Stack.Screen name="Home" component={HomeTab} />
+            <Stack.Screen name="Signin" component={SignIn} />
+          </Stack.Navigator>
+        </NavigationContainer>
+      </GestureHandlerRootView>
+    </BottomBarProvider>
   );
 }
 
@@ -59,6 +62,11 @@ export type TabProps = {
 const CustomTab = ({ state, descriptors, navigation }: BottomTabBarProps) => {
   const loginGuard = useLoginGuard();
   const { options } = descriptors;
+  const { isVisible } = useBottomBar(); // 바텀바 보임/숨김 상태를 가져옵니다.
+
+  if (!isVisible) {
+    return null; // isVisible이 false일 경우 탭바를 렌더링하지 않습니다.
+  }
 
   return (
     <View

contexts/BottomBarContext.tsx

@@ -0,0 +1,34 @@
+import React, { createContext, useContext, useState, ReactNode } from 'react';
+
+interface BottomBarContextType {
+    isVisible: boolean;
+    showBottomBar: () => void;
+    hideBottomBar: () => void;
+}
+
+interface BottomBarProviderProps {
+    children: ReactNode; // ReactNode 타입을 사용하여 children을 정의합니다.
+}
+
+const BottomBarContext = createContext<BottomBarContextType | undefined>(undefined);
+
+export const useBottomBar = () => {
+    const context = useContext(BottomBarContext);
+    if (context === undefined) {
+        throw new Error('useBottomBar must be used within a BottomBarProvider');
+    }
+    return context;
+};
+
+export const BottomBarProvider: React.FC<BottomBarProviderProps> = ({ children }) => { // 여기서 타입을 명시합니다.
+    const [isVisible, setIsVisible] = useState(true);
+
+    const showBottomBar = () => setIsVisible(true);
+    const hideBottomBar = () => setIsVisible(false);
+
+    return (
+        <BottomBarContext.Provider value={{ isVisible, showBottomBar, hideBottomBar }}>
+            {children}
+        </BottomBarContext.Provider>
+    );
+};