Saltar al contenido

ejemplo de código de expo react-native-linear-gradient

Si te encuentras con algo que no entiendes puedes dejarlo en los comentarios y haremos todo lo posible de ayudarte rápidamente.

Ejemplo: gradiente lineal expo

import*asReactfrom'react';importStyleSheet,Text,Viewfrom'react-native';importLinearGradientfrom'expo-linear-gradient';exportdefaultfunctionApp()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>SigninwithFacebook</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',,);

Tienes la opción de patrocinar nuestra faena fijando un comentario o dejando una valoración te estamos eternamente agradecidos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *