81 lines
2.2 KiB
TypeScript
81 lines
2.2 KiB
TypeScript
import { MainColor } from "@/constants/color-palet";
|
|
import { Styles } from "@/styles/global-styles";
|
|
import { ImageBackground, ScrollView, View } from "react-native";
|
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
|
|
interface ViewWrapperProps {
|
|
children: React.ReactNode;
|
|
withBackground?: boolean;
|
|
tabBarComponent?: React.ReactNode;
|
|
}
|
|
|
|
const ViewWrapper = ({
|
|
children,
|
|
withBackground = false,
|
|
tabBarComponent,
|
|
}: ViewWrapperProps) => {
|
|
const assetBackground = require("../../assets/images/main-background.png");
|
|
|
|
return (
|
|
<>
|
|
<SafeAreaView
|
|
edges={[
|
|
"bottom",
|
|
// "top",
|
|
]}
|
|
style={{
|
|
flex: 1,
|
|
// paddingTop: StatusBar.currentHeight,
|
|
backgroundColor: MainColor.darkblue,
|
|
}}
|
|
>
|
|
<ScrollView contentContainerStyle={{ flexGrow: 1 }}>
|
|
{withBackground ? (
|
|
<ImageBackground
|
|
source={assetBackground}
|
|
resizeMode="cover"
|
|
style={Styles.imageBackground}
|
|
>
|
|
<View style={Styles.containerWithBackground}>{children}</View>
|
|
</ImageBackground>
|
|
) : (
|
|
<View style={Styles.container}>{children}</View>
|
|
)}
|
|
</ScrollView>
|
|
{tabBarComponent}
|
|
</SafeAreaView>
|
|
</>
|
|
|
|
// <SafeAreaProvider>
|
|
// <SafeAreaView
|
|
// edges={[
|
|
// "bottom",
|
|
// // "top",
|
|
// ]}
|
|
// style={{
|
|
// flex: 1,
|
|
// // paddingTop: StatusBar.currentHeight,
|
|
// backgroundColor: MainColor.darkblue,
|
|
// }}
|
|
// >
|
|
// <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
|
|
// {withBackground ? (
|
|
// <ImageBackground
|
|
// source={assetBackground}
|
|
// resizeMode="cover"
|
|
// style={Styles.imageBackground}
|
|
// >
|
|
// <View style={Styles.containerWithBackground}>{children}</View>
|
|
// </ImageBackground>
|
|
// ) : (
|
|
// <View style={Styles.container}>{children}</View>
|
|
// )}
|
|
// </ScrollView>
|
|
// {tabBarComponent}
|
|
// </SafeAreaView>
|
|
// </SafeAreaProvider>
|
|
);
|
|
};
|
|
|
|
export default ViewWrapper;
|