React native React本机颜色选择器不提供除黑色以外的颜色

React native React本机颜色选择器不提供除黑色以外的颜色,react-native,React Native,我使用的是react native color picker,每次单击时,它都会给我黑色颜色,无论我在哪里单击。我在任何地方都没有发现这样的问题。下面是我的代码 onColorChange(color) { console.log(color) } <ColorPicker oldColor='purple' color={this.state.color} onColorChange={this.onColorChange} onColorSel

我使用的是
react native color picker
,每次单击时,它都会给我
黑色
颜色,无论我在哪里单击。我在任何地方都没有发现这样的问题。下面是我的代码

onColorChange(color) {
    console.log(color)
}

<ColorPicker
    oldColor='purple'
    color={this.state.color}
    onColorChange={this.onColorChange}
    onColorSelected={color => alert(`Color selected: ${color}`)}
    onOldColorSelected={color => alert(`Old color selected: ${color}`)}
    style={{height: 200, width: 200}}
    hideSliders={true}
/>
onColorChange(颜色){
console.log(彩色)
}
警报(`Color selected:${Color}`)}
onOldColorSelected={color=>alert(`Old color selected:${color}`)}
样式={{高度:200,宽度:200}
hideSliders={true}
/>
以及我在不同区域点击时收到的回复

{h:53.023091807183505,s:0,v:0}

{h:124.51081849529443,s:0,v:0}

{h:205.9255659745072,s:0,v:0}

任何帮助都是值得赞赏的。

一些建议:

  • 由于您正在将状态设置为
    颜色
    属性,我假设您希望它是一个受控组件。在这种情况下,您应该在
    onColorChange
    方法中
    setState
    ,以反映对状态的更改
  • 如果在该函数中使用
    setState
    ,则应绑定
    。因此,您应该将其设置为this.onColorChange.bind(this)