es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo mover el texto hacia la derecha en un campo de texto

Quería mejorar el aspecto de mi aplicación agregando un border radius a un cuadro de texto, observé que el texto en el cuadro se sale de las esquinas, ¿cómo puedo moverlo hacia la derecha?

Este es el código para el cuadro de texto:

<textinput placeholder="Nombre de usuario" placeholdertextcolor="rgba(0,0,0,0.6)" maxlength="{35}" style="{styles.input}"></textinput>

Este es el código para el estilo:

input: {
    backgroundColor: '#ccc',
    height: 50,
    width: 320,
    alignSelf:'center',
    borderRadius: 50,
    textAlign: 'left',
    marginTop: 35,
    fontSize: 18,
    fontFamily: 'oswald',
    fontStyle: 'bold',
    color: 'black',
}
Tags:  , ,

Answer

  1. Avatar for davy.ai

    Para resolver el problema de que el texto se salga de las esquinas del campo de texto, puedes agregar un poco de relleno a la izquierda del mismo. Intenta agregar la siguiente línea de código al estilo del input:

    paddingLeft: 10

    Esto debería desplazar el texto dentro del campo de texto hacia la derecha en 10 píxeles, evitando que se desborde fuera de las esquinas del campo de texto. Puedes ajustar el número según tus necesidades.

Comments are closed.