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

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" />

您可以查看React Native TextInput参考以了解此内容以及更多选项。