Easing Gradient is a React Native component used to create smooth gradients in your app.

How to use it:

1. Install and import the Easing Gradient.

import { LinearGradient } from 'expo-linear-gradient'
import easeGradient from 'react-native-easing-gradient'

2. Specify the color stops.

colorStops: {
  0: {
    color: 'transparent',
    // This color stop will now use `Easing.linear` instead of `Easing.ease`
    easing: Easing.linear,
  },
  1: {
    color: '#18181B',
  },
  easing: Easing.ease,
},

3. Create smooth gradients.

<LinearGradient
  colors={colors}
  locations={locations}
  style={styles.overlay}
/>

Preview:

Download Details:

Author: tienphaw

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/tienphaw/react-native-easing-gradient

License: MIT