Deskripsi:

Fix: ViewWrapper tinggi footer
Style: Constan value untuk tinggi footer per OS

# No Issue

app/(application)/(user)/event/(tabs)/_layout.tsx

@@ -1,4 +1,5 @@
 import { AccentColor, MainColor } from "@/constants/color-palet";
+import { OS_IOS_HEIGHT, OS_ANDROID_HEIGHT } from "@/constants/constans-value";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
 import { Tabs } from "expo-router";
 import { Platform, View } from "react-native";
@@ -15,12 +16,12 @@ export default function EventLayout() {
           ios: {
             borderTopWidth: 0,
             paddingTop: 5,
-            height: 65,
+            height: OS_IOS_HEIGHT,
           },
           android: {
             borderTopWidth: 0,
             paddingTop: 5,
-            height: 115,
+            height: OS_ANDROID_HEIGHT,
           },
           default: {},
         }),

components/_ShareComponent/ViewWrapper.tsx

@@ -1,4 +1,5 @@
 import { MainColor } from "@/constants/color-palet";
+import { OS_HEIGHT } from "@/constants/constans-value";
 import { GStyles } from "@/styles/global-styles";
 import {
   ImageBackground,
@@ -71,6 +72,7 @@ const ViewWrapper = ({
             edges={["bottom"]}
             style={{
               backgroundColor: MainColor.darkblue,
+              height: OS_HEIGHT
             }}
           >
             {footerComponent}

constants/constans-value.ts

@@ -1,4 +1,9 @@
+import { Platform } from "react-native";
+
 export {
+  OS_ANDROID_HEIGHT,
+  OS_IOS_HEIGHT,
+  OS_HEIGHT,
   TEXT_SIZE_SMALL,
   TEXT_SIZE_MEDIUM,
   TEXT_SIZE_LARGE,
@@ -13,6 +18,11 @@ export {
   PADDING_LARGE,
 };
 
+// OS Height
+const OS_ANDROID_HEIGHT = 115
+const OS_IOS_HEIGHT = 65
+const OS_HEIGHT = Platform.OS === "ios" ? OS_IOS_HEIGHT : OS_ANDROID_HEIGHT
+
 // Text Size
 const TEXT_SIZE_SMALL = 12;
 const TEXT_SIZE_MEDIUM = 14;