更改 React-NativeTextInput 的占位符颜色

我正在创建一个 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'
}

react-native

99392 次浏览

小开

最佳答案

像这样:

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

小开

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

例如:

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

您可以在反应本机文本输入引用中查看这个选项和其他选项。

小开

尝试使用 placeholderTextColor属性来维护占位符颜色。 secureTextEntry道具通常用于密码输入。最好按照官方文件来，我想他们把一切都描述得很恰当。