complated

app/(auth)/confirm.tsx

@@ -1,10 +1,9 @@
 import ConfirmScreen from '@/screens/auth/confirm/ConfirmScreen';
-import { ScrollView } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { ScrollView, View } from 'react-native';
 
 export default function Confirm() {
   return (
-    <SafeAreaView
+    <View
       style={{
         flex: 1,
         backgroundColor: '#0f172a',
@@ -13,6 +12,6 @@ export default function Confirm() {
       <ScrollView contentContainerStyle={{ flexGrow: 1 }} keyboardShouldPersistTaps="handled">
         <ConfirmScreen />
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 }

app/(auth)/index.tsx

@@ -3,7 +3,6 @@ import LoginScreen from '@/screens/auth/login/ui/LoginScreens';
 import { router } from 'expo-router';
 import { useEffect } from 'react';
 import { ActivityIndicator, ScrollView, View } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
 
 export default function Index() {
   const { isAuthenticated, isLoading } = useAuth();
@@ -27,11 +26,11 @@ export default function Index() {
   // Token yo‘q → login screen
   if (!isAuthenticated) {
     return (
-      <SafeAreaView style={{ flex: 1, backgroundColor: '#0f172a' }}>
+      <View style={{ flex: 1, backgroundColor: '#0f172a' }}>
         <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
           <LoginScreen />
         </ScrollView>
-      </SafeAreaView>
+      </View>
     );
   }
 

app/(auth)/register-confirm.tsx

@@ -1,10 +1,9 @@
 import RegisterConfirmScreen from '@/screens/auth/register-confirm/ConfirmScreen';
-import { ScrollView } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { ScrollView, View } from 'react-native';
 
 export default function RegisterConfirm() {
   return (
-    <SafeAreaView
+    <View
       style={{
         flex: 1,
         backgroundColor: '#0f172a',
@@ -13,6 +12,6 @@ export default function RegisterConfirm() {
       <ScrollView contentContainerStyle={{ flexGrow: 1 }} keyboardShouldPersistTaps="handled">
         <RegisterConfirmScreen />
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 }

app/(auth)/register.tsx

@@ -1,11 +1,10 @@
 import RegisterScreen from '@/screens/auth/register/RegisterScreen';
 import React from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { ScrollView, StyleSheet, View } from 'react-native';
 
 export default function Index() {
   return (
-    <SafeAreaView style={styles.safeArea}>
+    <View style={styles.safeArea}>
       <ScrollView
         contentContainerStyle={{ flexGrow: 1 }}
         keyboardShouldPersistTaps="handled"
@@ -13,7 +12,7 @@ export default function Index() {
       >
         <RegisterScreen />
       </ScrollView>
-    </SafeAreaView>
+    </View>
   );
 }
 

app/(auth)/select-category.tsx

@@ -16,8 +16,8 @@ import {
   StyleSheet,
   Text,
   TouchableOpacity,
+  View,
 } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
 
 interface Category {
   id: number;
@@ -95,7 +95,7 @@ export default function CategorySelectScreen() {
   };
 
   return (
-    <SafeAreaView style={styles.safeArea}>
+    <View style={styles.safeArea}>
       <AuthHeader />
       <Stack.Screen options={{ title: t('Yo‘nalishni tanlang') }} />
 
@@ -145,7 +145,7 @@ export default function CategorySelectScreen() {
           {t('Tadiqlash')}
         </Text>
       </TouchableOpacity>
-    </SafeAreaView>
+    </View>
   );
 }