
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