perf: 优化页面显示

component/global/bookingTabViewComponent.tsx

@@ -148,8 +148,6 @@ const BookingTabViewComponentInner: React.FC = () => {
     const futureReservations = processReservations(reservations, stations, true);
     const completedReservations = processReservations(reservations, stations, false);
     const allReservationItems = [...futureReservations, ...completedReservations];
-    // const allReservationItems = [...futureReservations];
-    console.log('All Reservation Items Processed:', allReservationItems);
     return (
         <TabViewComponent
             tabItems={allReservationItems}

component/global/chargingRecord.tsx

@@ -116,7 +116,7 @@ const TabItem = ({ item, currentLocation }: { item: TabItem; currentLocation: Lo
         >
             <View style={styles.container}>
                 <Image style={styles.image} source={item.imgURL} />
-                <View className="flex flex-col flex-wrap gap-2 mr-2">
+                <View className="flex flex-col flex-wrap gap-1.5 mr-2">
                     <Text
                         style={{
                             fontWeight: '700',
@@ -144,6 +144,9 @@ const TabItem = ({ item, currentLocation }: { item: TabItem; currentLocation: Lo
                                     : item.actual_total_power.toFixed(1)
                                 : ''}
                         </Text>
+                    </View>
+                    <View className="flex flex-row flex-wrap justify-between">
+                    
                         <Text
                             style={{
                                 fontWeight: '400',
@@ -218,8 +221,8 @@ const styles = StyleSheet.create({
         alignItems: 'center'
     },
     image: {
-        width: 100,
-        height: 100,
+        width: 105,
+        height: 110,
         margin: 15,
         borderRadius: 10
     },

component/registrationMultiStepForm/formComponent/formPages/loginPage.tsx

@@ -107,7 +107,7 @@ const LoginPage: React.FC<LoginPageProps> = ({ goToNextPage, goToForgetPassWordP
             className={`flex-1   ${screenHeight < 750 ? '' : 'space-y-8'}`}
         >
             <LanguageSwitcher></LanguageSwitcher>
-            <View className="flex-1 py-4">
+            <View className="flex-1 py-3">
                 <View className="items-center">
                     {/* <View className="flex-3 items-center  justify-end" style={{}}> */}
                     <Image
@@ -121,11 +121,11 @@ const LoginPage: React.FC<LoginPageProps> = ({ goToNextPage, goToForgetPassWordP
                 </View>
                 <View
                     style={{
-                        gap: 10
+                        gap: 8
                         // paddingBottom: Math.max(insets.bottom, 20)
                         // marginTop: screenHeight > 750 ? 40 : 0
                     }}
-                    className="mx-[5%] mt-4"
+                    className="mx-[5%] mt-3"
                 >
                     <Text className="text-lg text-center text-[#888888] font-[500]">
                         {t('login.tip1')}<Text className="font-bold"> {t('login.tip2')} </Text>{t('login.tip3')}