expo linear gradient
import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { LinearGradient } from 'expo-linear-gradient';
export default function App() {
return (
<View style={styles.container}>
<LinearGradient
// Background Linear Gradient
colors={['rgba(0,0,0,0.8)', 'transparent']}
style={styles.background}
/>
<LinearGradient
// Button Linear Gradient
colors={['#4c669f', '#3b5998', '#192f6a']}
style={styles.button}>
<Text style={styles.text}>Sign in with Facebook</Text>
</LinearGradient>
</View>
);
}
%%placeholder-start%%const styles = StyleSheet.create({ ... }); %%placeholder-end%%const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: 'orange',
},
background: {
position: 'absolute',
left: 0,
right: 0,
top: 0,
height: 300,
},
button: {
padding: 15,
alignItems: 'center',
borderRadius: 5,
},
text: {
backgroundColor: 'transparent',
fontSize: 15,
color: '#fff',
},
});
Also in JavaScript:
- import a script to my react componetn
- javascript pluck from array of objects
- return an array of strings from an array of objects js
- how to made disktop program on react website
- how to code a check age function in javascript
- react native add custom fonts
- populate modal from table
- jquery if has parent
- string includes in js
- javascript change url
- javascript modify href attr
- how to get duplicate values from array in javascript
- square brackets vs curly brackets javascript
- export apk react native
- get url params angular
- let fruta angular
- i18n react meta description
- price range slider bootstrap 4
- what is ... in javascript
- How to uninstall npm modules in node js?
- how can we take selected index value of dropdown in javascript
- how to remove spaces in javascript
- html select specify deafult select by js variable
- vue lifecycle