反應原生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"
})
}