/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

1 vote290 views2 answers
Can't perform a react state update
Javascript React
1 vote309 views1 answer
React native basic template
Javascript React
0 vote316 views1 answer
React replace all line breaks with br
Javascript React
0 vote316 views1 answer
How to add oncklick button react
Javascript React
0 vote315 views1 answer
S3 private image getobject react js
Javascript React
1 vote356 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote345 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
0 vote304 views1 answer
Onclick react history map
Javascript React
-1 vote269 views1 answer
React localstorage remove item
Javascript React
0 vote313 views1 answer
On close tab react native web
Javascript React