Question

我正在使用React Native创建一个Android应用程序，其中有一个表单。占位符甚至没有出现在textInput字段中，所以我想改变占位符颜色，但我不知道如何做到这一点。文档中提到了一些我不理解的方法。

以下是代码：

  <TextInput
  secureTextEntry={secureTextEntry}
  style={inputStyle}
  placeholder={placeholder}
  value={value}
  onChangeText={onChangeText}
  />

  inputStyle: {
  color: '#000',
  paddingRight: 5,
  paddingLeft: 5,
  fontSize: 18,
  lineHeight: 23,
  flex: 2,
  }

我也尝试过：

  <TextInput
  placeholderTextColor="blue"
  style={inputStyle}
  placeholder={placeholder}
  value={value}
  onChangeText={onChangeText}
  />

和

  inputStyle: {
  color: '#000',
  paddingRight: 5,
  paddingLeft: 5,
  fontSize: 18,
  lineHeight: 23,
  flex: 2,
  placeholderTextColor: '#333'
  }

Answer 1

像这样：

<TextInput
   placeholder="something"
   placeholderTextColor="#000" 
/>

Answer 2

使用placeholderTextColor属性更改占位符文本的颜色。

例如：

<TextInput placeholder="First name..." placeholderTextColor="#FFF" />

Answer 3

使用placeholderTextColor道具更改占位符文字的颜色。

例如：

<TextInput placeholder="First name..." placeholderTextColor="#FFF" />

您可以查看React Native TextInput参考资料以及相同的更多选项。

如何更改使用React Native创建的Android应用程序中的占位符颜色

3 个答案: