Линейный градиент CSS React JS
background-image: linear-gradient(to right, red , yellow);
Powerful Polecat
background-image: linear-gradient(to right, red , yellow);<LinearGradient
colors={['#4c669f', '#3b5998', '#192f6a']}
style={styles.linearGradient}>
<Text style={styles.buttonText}>
Simple Linear Gradient Backgrount
</Text>
</LinearGradient><button style={{ backgroundImage: `linear-gradient(to right, rgba(0, 224, 255, 1), rgba(0, 133, 255, 1))`, }} >
You may refer to this link:
https://github.com/react-native-linear-gradient/react-native-linear-gradient