d

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

15 St Margarets, NY 10033
(+381) 11 123 4567
ouroffice@aware.com

 

KMF

Smooth Gradients In React Native – Easing Gradient

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

Credit: Source link

Previous Next
Close
Test Caption
Test Description goes like this