diff --git a/app/(application)/(user)/event/(tabs)/_layout.tsx b/app/(application)/(user)/event/(tabs)/_layout.tsx index 20516df..9bb699b 100644 --- a/app/(application)/(user)/event/(tabs)/_layout.tsx +++ b/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: {}, }), diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx index 2a67e35..17204ee 100644 --- a/components/_ShareComponent/ViewWrapper.tsx +++ b/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} diff --git a/constants/constans-value.ts b/constants/constans-value.ts index ae0f626..edebd4c 100644 --- a/constants/constans-value.ts +++ b/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;