mirror of
https://github.com/austinried/subtracks.git
synced 2025-12-27 09:09:29 +01:00
34 lines
913 B
TypeScript
34 lines
913 B
TypeScript
import React from 'react'
|
|
import { useWindowDimensions, ViewStyle } from 'react-native'
|
|
import LinearGradient from 'react-native-linear-gradient'
|
|
import colorStyles from '@app/styles/colors'
|
|
|
|
const GradientBackground: React.FC<{
|
|
height?: number | string
|
|
width?: number | string
|
|
position?: 'relative' | 'absolute'
|
|
style?: ViewStyle
|
|
colors?: string[]
|
|
locations?: number[]
|
|
}> = ({ height, width, position, style, colors, locations, children }) => {
|
|
const layout = useWindowDimensions()
|
|
|
|
return (
|
|
<LinearGradient
|
|
colors={colors || [colorStyles.gradient.high, colorStyles.gradient.low]}
|
|
locations={locations || [0.01, 0.7]}
|
|
style={[
|
|
style,
|
|
{
|
|
width: width || '100%',
|
|
height: height || layout.height,
|
|
position: position || 'absolute',
|
|
},
|
|
]}>
|
|
{children}
|
|
</LinearGradient>
|
|
)
|
|
}
|
|
|
|
export default GradientBackground
|