Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫
Something went wrong. Try again.
758 B · 32 lines
TSX
at prod
123456789101112131415161718192021222324252627282930313233import {type StyleProp, type ViewStyle} from 'react-native'import {LinearGradient} from 'expo-linear-gradient'
import {gradients} from '#/alf/tokens'
export function LinearGradientBackground({ style, gradient = 'sky', children, start, end,}: { style?: StyleProp<ViewStyle> gradient?: keyof typeof gradients children?: React.ReactNode start?: [number, number] end?: [number, number]}) { const colors = gradients[gradient].values.map(([_, color]) => { return color }) as [string, string, ...string[]]
if (gradient.length < 2) { throw new Error('Gradient must have at least 2 colors') }
return ( <LinearGradient colors={colors} style={style} start={start} end={end}> {children} </LinearGradient> )}