Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫
Something went wrong. Try again.
927 B · 34 lines
TSX
1234567891011121314151617181920212223242526272829303132333435import {LinearGradient} from 'expo-linear-gradient'
import {atoms as a, type tokens, type ViewStyleProp} from '#/alf'
export function GradientFill({ gradient, style,}: ViewStyleProp & { gradient: | typeof tokens.gradients.primary | typeof tokens.gradients.sky | typeof tokens.gradients.midnight | typeof tokens.gradients.sunrise | typeof tokens.gradients.sunset | typeof tokens.gradients.bonfire | typeof tokens.gradients.summer | typeof tokens.gradients.nordic}) { if (gradient.values.length < 2) { throw new Error('Gradient must have at least 2 colors') }
return ( <LinearGradient colors={gradient.values.map(c => c[1]) as [string, string, ...string[]]} locations={ gradient.values.map(c => c[0]) as [number, number, ...number[]] } start={{x: 0, y: 0}} end={{x: 1, y: 1}} style={[a.absolute, a.inset_0, style]} /> )}