Линейный градиент 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>You may refer to this link:
https://github.com/react-native-linear-gradient/react-native-linear-gradient