Saltar al contenido

¿Cómo colocar un texto sobre una imagen en reaccionar nativo?

Haz todo lo posible por comprender el código bien previamente a usarlo a tu trabajo si tdeseas aportar algo puedes decirlo en los comentarios.

Solución:

Tienes que usar en el “css”
position:'absolute'
Y luego coloque su texto usando las propiedades css (como arriba, abajo, derecha, izquierda)


Centro horizontal de posicionamiento absoluto de React Native

Envuelva al niño que desea centrado en una Vista y haga que la Vista sea absoluta.


Centered text

utilizar esta:


   
     Centered text
   

Puedes importar ImageBackground en lugar de Image desde react-native y pasar el texto como niños a los ImageBackground. Esto hace la magia. Por favor, vea el código a continuación:


     
          Hey
     


const styles = StyleSheet.create(
    imageWrapper: 
        height: 200,
        width: 200,
        overflow : "hidden"
    ,
    theImage: 
        width: "100%",
        height: "100%",
        resizeMode: "cover",
    
)

También podemos usar el posicionamiento como dicen muchos, pero prefiero usar ImageBackground.

Comentarios y puntuaciones

Recuerda que puedes dar recomendación a esta reseña si te fue de ayuda.

¡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 *