fix: 修复选项卡点击切换不了的问题

app/(auth)/(tabs)/(home)/notificationPage.tsx

@@ -55,7 +55,7 @@ const NotificationPageComponent = () => {
     return (
         <SafeAreaView className="flex-1 bg-white" edges={['top', 'left', 'right']}>
             <View style={{ minHeight: screenHeight, flex: 1 }}>
-                <View className="mx-[4%]" style={{ marginTop: 25 }}>
+                <View className="mx-[5%]" style={{ marginTop: 25 }}>
                     <Pressable
                         onPress={() => {
                             if (router.canGoBack()) {

app/(auth)/(tabs)/(home)/selectCoupon.tsx

@@ -131,8 +131,8 @@ const SelectCouponComponent = () => {
     );
     return (
         <SafeAreaView className="flex-1 bg-white" edges={['top', 'right', 'left']}>
-            <View style={{ minHeight: screenHeight, flex: 1 }} className="mx-[5%]">
-                <View style={{ marginTop: 25 }}>
+            <View style={{ minHeight: screenHeight, flex: 1 }}>
+                <View className="mx-[5%]" style={{ marginTop: 25 }}>
                     <Pressable
                         onPress={() => {
                             cleanupData();

component/accountPages/couponPageComponent.tsx

@@ -11,8 +11,8 @@ const CouponPageComponent = () => {
 
     return (
         <SafeAreaView className="flex-1 bg-white" edges={['top', 'right', 'left']}>
-            <View style={{ minHeight: screenHeight, flex: 1 }} className="mx-[5%]">
-                <View style={{ marginTop: 25 }}>
+            <View style={{ minHeight: screenHeight, flex: 1 }}>
+                <View className="mx-[5%]" style={{ marginTop: 25 }}>
                     <Pressable
                         onPress={() => {
                             if (router.canGoBack()) {

component/bookingMenuPage/makingBookingPageComponent.tsx

@@ -783,7 +783,7 @@ const MakingBookingPageComponent = () => {
                     </View> */}
                 </View>
 
-                <View className="mx-[5%] flex-1">
+                <View className="flex-1">
                     <Text className="text-xl pb-2 mt-6" style={styles.text}>
                         充電站資訊
                     </Text>

component/bookingMenuPage/selectCouponPageComponent.tsx

@@ -249,8 +249,8 @@ const SelectCouponPageComponent = () => {
     const screenHeight = Dimensions.get('window').height;
     return (
         <SafeAreaView className="flex-1 bg-white" edges={['top', 'right', 'left']}>
-            <View style={{ minHeight: screenHeight, flex: 1 }} className="mx-[5%]">
-                <View style={{ marginTop: 25 }}>
+            <View style={{ minHeight: screenHeight, flex: 1 }}>
+                <View className="mx-[5%]" style={{ marginTop: 25 }}>
                     <Pressable
                         onPress={() => {
                             if (router.canGoBack()) {

component/reservationLocationPage/reservationLocationPageComponent.tsx

@@ -365,8 +365,8 @@ const ReservationLocationPage = () => {
 
     return (
         <SafeAreaView className="flex-1 bg-white" edges={['top', 'left', 'right']}>
-            <View className="flex-1 mx-[5%] ">
-                <View className="min-h-[250px] flex-column">
+            <View className="flex-1">
+                <View className="min-h-[250px] flex-column mx-[5%]">
                     <View className="flex-1 justify-center">
                         <View className="pt-5 pl-4">
                             <Pressable