Tartalomjegyzék

< React Native

React Native - Színátmenet

Telepítés

yarn add react-native-linear-gradient

vagy: 

npm install react-native-linear-gradient

Használat

import LinearGradient from 'react-native-linear-gradient';
 
 
<LinearGradient colors={['#4c669f', '#3b5998', '#192f6a']} 
     style={styles.linearGradient}>
  <Text style={styles.buttonText}>
    Belépés
  </Text>
</LinearGradient>
 
 
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',
  },
});

Linkek