LinearGradient component

I recently came across this beautiful landing page from auth0: https://auth0.design/

It included these cool gradients:

Which reminded me of this webflow theme I used for the doorman.cool website:

It would be cool to have a LinearGradient component in Dripsy, which re-exports Expo’s.

import { LinearGradient } from '@dripsy/gradient'

// theme colors
<LinearGradient colors={['primary', 'accent']} />

Maybe you could even have gradients in your theme.

const theme = {
  linearGradients: {
    strong: ['primary', 'secondary']
  }
}

<LinearGradient variant="strong" />

The variant prop might not be the right one to use here, since we’re technically not applying a set of styles, but rather we’re using an opinionated mapping of colors -> props.

This might be more appropriate:

const theme = {
  linearGradients: {
    strong: ['primary', 'secondary']
  }
}

<LinearGradient gradient="strong" />

[nandorojo]

One last thing, which is unrelated but I’m seeing on the Pressable code. Our current types for the ref prop in createThemedComponent are wrong. I’m forced to pass as any whenever I pass a ref down.

[cmaycumber]

Alright, I’ll try to make your code the basis for the pressable component and check out that other issue. We can always tweak as we go.