反应原生TouchableHighlight如何更改箭头功能中的覆盖颜色

Question

当我使用touchableHighlight时，我可以像这样更改覆盖颜色：

 <TouchableHighlight
                     onPress={this.toggle.bind(this)}
                     underlayColor="#f1f1f1">

但是，当我使用这样的箭头功能时：

    <TouchableHighlight
                     underlayColor="#f1f1f1"
                     onPress = {() => {
                     this.toggle(!this.state.modalVisible)}}>

UnderlayColor不会更改。知道如何使用箭头功能并更改underlayColor吗？

Answer 1

1。 如果在构造函数或类中，则可以使用

this.state = {
underlayColor:"#f1f1f1"
}

在任何其他功能中

this.setState({underlayColor:"#f1f1f1"})

2。

<TouchableHighlight
 onPress={this.toggle.bind(this)}
 underlayColor={this.state.underlayColor}>

toggle =()=>{
 this.setState({
 underlayColor:"new color"
})
}