更改React-Native TextInput的占位符颜色

cgfeq70w  于 2023-10-22  发布在  React
关注(0)|答案(4)|浏览(137)

我正在使用React Native创建一个Android应用程序,其中有一个表单。占位符甚至没有出现在文本输入字段中,所以我想改变占位符的颜色,但我不知道如何做到这一点。医生提到了一些我不明白的方法。
代码如下:

<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'
  }
yqyhoc1h

yqyhoc1h1#

就像这样:

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

5n0oy7gb2#

使用placeholderTextColor属性更改占位符文本的颜色。
举例来说:

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

您可以查看React Native TextInput参考,了解更多选项。

wvmv3b1j

wvmv3b1j3#

尝试使用placeholderTextColor属性来保持占位符颜色。secureTextEntry prop 一般用于密码输入。最好是按照官方文件。我认为他们用恰当的方式描述了一切。

pn9klfpd

pn9klfpd4#

您可以使用TextInput组件的placeholderTextColor属性。点击这里查看https://reactnative.dev/docs/textinput

相关问题