我正在使用这个包https://www.npmjs.com/package/react-native-picker-select
我尝试了多种方法来更改 RNPickerSelect
的颜色占位符文本。但他们都没有奏效。
尝试了以下方法:
style = {
{
inputIOS: {color: Constants.colour.black},
inputAndroid: {color: Constants.colour.black},
placeholderColor: Constants.colour.grey_90,
}
}
placeholder = {
label: placeholderText,
value: null,
color: Constants.colour.grey_90
};
更新:
对于Android,您应该像这样在样式比例中设置占位符颜色,希望我可以帮助某人:):
style={{
placeholder: {color: Constants.colour.grey_50},
inputIOS: { color: Constants.colour.black },
inputAndroid: { color: Constants.colour.black },
}}
最佳答案
如果包主页中没有示例,我建议您首先查看包的 github 存储库中的问题板。您可能在那里找到了解决方案。
本期您将得到答案https://github.com/lawnstarter/react-native-picker-select/issues/100 .
这是示例代码:
<RNPickerSelect
placeholder={{
label: 'Select a color...',
value: null,
}}
placeholderTextColor="red"
items={this.state.items}
onValueChange={(value) => {
this.setState({
favColor: value,
});
}}
onUpArrow={() => {
this.inputRefs.name.focus();
}}
onDownArrow={() => {
this.inputRefs.picker2.togglePicker();
}}
style={{ ...pickerSelectStyles }}
value={this.state.favColor}
ref={(el) => {
this.inputRefs.picker = el;
}}
/>
关于react-native - 如何更改占位符颜色 React Native RNPickerSelect,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59147467/