JAVASCRIPT

linear gradient reactjs

<button style={{ backgroundImage: `linear-gradient(to right, rgba(0, 224, 255, 1), rgba(0, 133, 255, 1))`, }} >

linear gradient css react js

background-image: linear-gradient(to right, red , yellow);

linear gradient react js

<LinearGradient 
  colors={['#4c669f', '#3b5998', '#192f6a']} 
  style={styles.linearGradient}>
  <Text style={styles.buttonText}>
    Simple Linear Gradient Backgrount
  </Text>
</LinearGradient>

react background gradient

You may refer to this link:
https://github.com/react-native-linear-gradient/react-native-linear-gradient