Реагируйте на собственный TextInput: заполнитель и детокс

Question

У меня есть TextInput с закругленными углами:

<TextInput
    style={{
        backgroundColor : '#FFFFFF',
        borderRadius : 30,
        marginLeft : 8,
        marginRight : 8,
        marginTop : 10
    }}
    placeholder = 'A placeholder'
/>

но я бы хотел добавить отступ слева к заполнителю (и тексту, который будет содержаться внутри TextInput), потому что теперь текст находится слишком близко к левой границе TextInput. Как я могу это сделать?

Answer 1

Вместо marginLeft используйте paddingLeft

<TextInput
    style={{
          backgroundColor: '#ffffff',
          borderRadius: 30,
          paddingLeft: 8,
          paddingRight: 8,
          marginTop: 10
        }}
        placeholder='A placeholder'
      />

Надеюсь, это поможет