如何更改占位符颜色 React Native RNPickerSelect

Question

我正在使用这个包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，您应该像这样在样式proportie中设置占位符颜色，希望我可以帮助某人:)：

    style={{
            placeholder: {color: Constants.colour.grey_50},
            inputIOS: { color: Constants.colour.black },
            inputAndroid: { color: Constants.colour.black },
          }}

Answer 1

如果包主页中没有示例，我建议您首先查看包的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;
                }}
            />

Answer 2

接受的答案不适用于最新版本（8.0.1，2020 年 10 月）。

需要设置一

placeholder: {
  color: 'red',
}

参数中style参见 https://github.com/lawnstarter/react-native-picker-select/issues/100#issuecomment-622469759