bug fixed

app/(dashboard)/_layout.tsx

@@ -5,18 +5,30 @@ import { useHomeStore } from '@/screens/home/lib/hook';
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
 import { router, Tabs } from 'expo-router';
 import { Home, Megaphone, PlusCircle, User } from 'lucide-react-native';
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Animated, Easing, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Animated, Easing, Keyboard, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 export default function TabsLayout() {
   const { isDark } = useTheme();
   const { t } = useTranslation();
   const { setShowFilter, setStep } = useHomeStore();
   const rotateAnim = useRef(new Animated.Value(0)).current;
-  const insets = useSafeAreaInsets();
+  const [keyboard, setKeyboard] = useState(false);
+
+  useEffect(() => {
+    const showSub = Keyboard.addListener('keyboardDidShow', () => setKeyboard(true));
+    const hideSub = Keyboard.addListener('keyboardDidHide', () => setKeyboard(false));
+
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+
+  console.log(keyboard);
+
 
   useEffect(() => {
     Animated.loop(
@@ -54,6 +66,7 @@ export default function TabsLayout() {
               headerShadowVisible: false,
               tabBarStyle: {
                 position: 'absolute',
+                display: keyboard ? "none" : "flex",
                 left: 16,
                 right: 16,
                 bottom: 8,

app/(dashboard)/create-announcements.tsx

@@ -1,10 +1,8 @@
-import { useTheme } from '@/components/ThemeContext';
 import { FilterProvider } from '@/components/ui/FilterContext';
 import { CustomHeader } from '@/components/ui/Header';
 import CreateAdsScreens from '@/screens/create-ads/ui/CreateAdsScreens';
 
 export default function CreateAnnouncements() {
-  const { isDark } = useTheme();
   return (
     <FilterProvider>
       <CustomHeader />

app/_layout.tsx

@@ -15,17 +15,13 @@ function AppContent() {
   useNotifications();
 
   return (
-    <SafeAreaView style={{ flex: 1 }}>
-      <StatusBar
-        style="dark"
-        backgroundColor="#fff"
-        translucent={false}
-      />
-
+    <SafeAreaView style={{ flex: 1, backgroundColor: "#000" }}>
+      <StatusBar style='light' backgroundColor='#000' />
       <Stack screenOptions={{ headerShown: false }} />
     </SafeAreaView>
   );
 }
+
 export default function RootLayout() {
   return (
     <I18nextProvider i18n={i18n}>