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',
}
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.