-
Notifications
You must be signed in to change notification settings - Fork 0
/
Shadow.tsx
44 lines (42 loc) · 1.08 KB
/
Shadow.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import { StyleSheet, Text, View } from "react-native";
import constants from "../../../constants";
import Constants from "expo-constants";
import { LinearGradient } from "expo-linear-gradient";
import { useState } from "react";
export const Shadow = (props) => {
const shadowHeight = props.height || 30;
return (
<View style={styles.header}>
{props.children}
<LinearGradient
colors={[constants.colors.veryDarkBackground, "transparent"]}
style={[styles.shadow, { height: shadowHeight }]}
></LinearGradient>
</View>
);
};
const styles = StyleSheet.create({
header: {
paddingTop: Constants.statusBarHeight,
width: "100%",
height: 100,
alignItems: "center",
backgroundColor: constants.colors.veryDarkBackground,
zIndex: 999,
},
container: {
width: "100%",
height: "100%",
justifyContent: "space-evenly",
alignItems: "center",
flexDirection: "row",
},
title: {
color: constants.colors.words,
fontSize: constants.fontSizes.biggest,
fontWeight: "900",
},
shadow: {
width: "100%",
},
});