React Native TextInput：为占位符及输入文本设置左侧内边距

很简单的解决办法——你只需要在TextInput的style里添加paddingLeft属性就可以啦！这个属性会同时作用于占位符和用户输入的文本，完美解决文本贴左边边框的问题。

给你修改后的完整代码示例：

<TextInput 
  style={{ 
    backgroundColor: '#FFFFFF', 
    borderRadius: 30, 
    marginLeft: 8, 
    marginRight: 8, 
    marginTop: 10,
    paddingLeft: 15 // 这里设置左侧内边距，数值可以根据你的需求调整
  }} 
  placeholder='A placeholder' 
/>

如果之后你还需要调整上下或者右侧的内边距，也可以用paddingVertical（控制上下内边距）、paddingRight（右侧内边距）这类属性来微调，让整个输入框的排版更美观。

内容的提问来源于stack exchange，提问作者giozh