bug fixed

screens/create-ads/ui/CreateAdsScreens.tsx

@@ -1,5 +1,5 @@
 import { useTheme } from '@/components/ThemeContext';
-import { BottomSheetBackdrop, BottomSheetModal, BottomSheetScrollView, TouchableWithoutFeedback } from '@gorhom/bottom-sheet';
+import { BottomSheetBackdrop, BottomSheetModal, BottomSheetScrollView } from '@gorhom/bottom-sheet';
 import { useMutation, useQuery } from '@tanstack/react-query';
 import { AxiosError } from 'axios';
 import { router, useFocusEffect } from 'expo-router';
@@ -9,17 +9,17 @@ import {
   Image,
   Keyboard,
   Linking,
-  ScrollView,
   StyleSheet,
   Text,
   TouchableOpacity,
+  TouchableWithoutFeedback,
   View
 } from 'react-native';
 
 import OneClick from '@/assets/images/one_click.png';
 import PAYME from '@/assets/images/Payme_NEW.png';
 import { useTranslation } from 'react-i18next';
-import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
+import { KeyboardAwareScrollView, } from 'react-native-keyboard-aware-scroll-view';
 import { price_calculation } from '../lib/api';
 import { CreateAdsResponse } from '../lib/types';
 import StepFour from './StepFour';
@@ -213,12 +213,16 @@ export default function CreateAdsScreens() {
     <KeyboardAwareScrollView
       showsVerticalScrollIndicator={false}
       keyboardShouldPersistTaps="handled"
-      enableOnAndroid
-      extraScrollHeight={120}
       style={[styles.safeArea, isDark ? styles.darkBg : styles.lightBg]}
     >
       <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
-        <ScrollView contentContainerStyle={[styles.container, { paddingBottom: 90 }]}>
+        <View
+          style={[styles.container, { marginBottom: Keyboard.isVisible() ? 10 : 90 }]}
+          onStartShouldSetResponder={() => {
+            Keyboard.dismiss();
+            return false;
+          }}
+        >
           <Image
             source={OneClick}
             style={{ width: 180, height: 56, marginBottom: 10 }}
@@ -281,55 +285,51 @@ export default function CreateAdsScreens() {
               </Text>
             </TouchableOpacity>
           </View>
-        </ScrollView>
-
-        {/* FOOTER */}
-
-        {/* PAYMENT BOTTOM SHEET */}
-        <BottomSheetModal
-          ref={bottomSheetModalRef}
-          index={0}
-          snapPoints={['70%', '95%']}
-          backdropComponent={renderBackdrop}
-          handleIndicatorStyle={{ backgroundColor: '#94a3b8', width: 50 }}
-          backgroundStyle={{ backgroundColor: isDark ? '#0f172a' : '#ffffff' }}
-          enablePanDownToClose
-        >
-          <BottomSheetScrollView
-            style={styles.sheetContent}
-            contentContainerStyle={styles.sheetContentContainer}
-          >
-            <View style={{ padding: 20 }}>
-              <Text style={[styles.sheetTitle, isDark ? styles.darkText : styles.lightText]}>
-                {t("To'lov turini tanlang")}
-              </Text>
-
-              <TouchableOpacity
-                style={[
-                  styles.paymentItem,
-                  isDark ? styles.darkPaymentItem : styles.lightPaymentItem,
-                  { flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' },
-                ]}
-                onPress={() => sendPayment('payme')}
-              >
-                <Image source={PAYME} style={{ width: 80, height: 80 }} />
-              </TouchableOpacity>
-
-              <TouchableOpacity
-                style={[
-                  styles.paymentItem,
-                  isDark ? styles.darkPaymentItem : styles.lightPaymentItem,
-                ]}
-                onPress={() => sendPayment('referral')}
-              >
-                <Text style={[styles.paymentText, isDark ? styles.darkText : styles.lightText]}>
-                  {t('Referal orqali')}
-                </Text>
-              </TouchableOpacity>
-            </View>
-          </BottomSheetScrollView>
-        </BottomSheetModal>
+        </View>
       </TouchableWithoutFeedback>
+      <BottomSheetModal
+        ref={bottomSheetModalRef}
+        index={0}
+        snapPoints={['70%', '95%']}
+        backdropComponent={renderBackdrop}
+        handleIndicatorStyle={{ backgroundColor: '#94a3b8', width: 50 }}
+        backgroundStyle={{ backgroundColor: isDark ? '#0f172a' : '#ffffff' }}
+        enablePanDownToClose
+      >
+        <BottomSheetScrollView
+          style={styles.sheetContent}
+          contentContainerStyle={styles.sheetContentContainer}
+        >
+          <View style={{ padding: 20 }}>
+            <Text style={[styles.sheetTitle, isDark ? styles.darkText : styles.lightText]}>
+              {t("To'lov turini tanlang")}
+            </Text>
+
+            <TouchableOpacity
+              style={[
+                styles.paymentItem,
+                isDark ? styles.darkPaymentItem : styles.lightPaymentItem,
+                { flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' },
+              ]}
+              onPress={() => sendPayment('payme')}
+            >
+              <Image source={PAYME} style={{ width: 80, height: 80 }} />
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={[
+                styles.paymentItem,
+                isDark ? styles.darkPaymentItem : styles.lightPaymentItem,
+              ]}
+              onPress={() => sendPayment('referral')}
+            >
+              <Text style={[styles.paymentText, isDark ? styles.darkText : styles.lightText]}>
+                {t('Referal orqali')}
+              </Text>
+            </TouchableOpacity>
+          </View>
+        </BottomSheetScrollView>
+      </BottomSheetModal>
     </KeyboardAwareScrollView>
   );
 }