mirror of
https://github.com/movie-web/native-app.git
synced 2025-09-13 10:23:24 +00:00
35 lines
709 B
TypeScript
35 lines
709 B
TypeScript
import { View } from "tamagui";
|
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
|
|
import { Header } from "./Header";
|
|
|
|
interface Props {
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
export default function ScreenLayout({ children }: Props) {
|
|
return (
|
|
<LinearGradient
|
|
flex={1}
|
|
paddingVertical="$4"
|
|
paddingHorizontal="$7"
|
|
colors={[
|
|
"$shade900",
|
|
"$purple900",
|
|
"$purple800",
|
|
"$shade700",
|
|
"$shade900",
|
|
]}
|
|
locations={[0.02, 0.15, 0.2, 0.4, 0.8]}
|
|
start={[0, 0]}
|
|
end={[1, 1]}
|
|
flexGrow={1}
|
|
>
|
|
<Header />
|
|
<View paddingVertical="$4" flexGrow={1}>
|
|
{children}
|
|
</View>
|
|
</LinearGradient>
|
|
);
|
|
}
|