/Javascript/React/Linear gradient react native

Linear gradient react native

React native background gradient

npx expo install expo-linear-gradient

Linear gradient react native

import LinearGradient from 'react-native-linear-gradient'; // Within your render function<LinearGradient colors={['#4c669f', '#3b5998', '#192f6a']} style={styles.linearGradient}>  <Text style={styles.buttonText}>    Sign in with Facebook  </Text></LinearGradient> // Later on in your styles..var styles = StyleSheet.create({  linearGradient: {    flex: 1,    paddingLeft: 15,    paddingRight: 15,    borderRadius: 5  },  buttonText: {    fontSize: 18,    fontFamily: 'Gill Sans',    textAlign: 'center',    margin: 10,    color: '#ffffff',    backgroundColor: 'transparent',  },});

Source: npmjs.com

Linear gradient reactjs

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

-1

Source: stackoverflow.com

Similar codes

0 vote282 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote346 views2 answers
Can i pass data with usenavigate react router
Javascript React
0 vote395 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
118 votes395 views6 answers
Instalar bootstrap en react
Javascript React
48 votes341 views6 answers
Comment in react
Javascript React
1 vote323 views1 answer
Percentage width react native
Javascript React
0 vote355 views1 answer
Check scroll top height in react js
Javascript React
0 vote336 views1 answer
How to get property names from object using map method react
Javascript React
0 vote333 views1 answer
Get rid of header bar react native
Javascript React
0 vote361 views1 answer
Get call log in react native android
Javascript React