React Native TextInput：占位符和 detx 填充

Posted 2023-04-18

【中文标题】React Native TextInput：占位符和 detx 填充

【英文标题】：React Native TextInput: placeholder and detx padding

【发布时间】：2019-11-18 19:12:08

【问题描述】：

我有一个带圆角的 TextInput ：

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

但我想为占位符（以及将包含在 TextInput 中的文本）提供一些左侧填充，因为现在文本离左侧 TextInput 边框太近了。 我该怎么做？

【问题讨论】：

paddingLeft 属性有什么问题？

【参考方案1】：

使用 paddingLeft 代替 marginLeft

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

我希望这会有所帮助

【参考方案2】：

你可以使用它

paddingHorizontal: 10