react-native - 点击时如何使touchablehighlight保持黑暗？

Question

如何使 touchablehighlight 按钮在单击时保持黑暗？当再次点击时，它们会变回原来的阴影。

标签： react-nativereact-native-ios

Answer 1

通过透明度调整使其保持黑暗或明亮。如果你想改变颜色，你可以改变颜色。

  state={
    check : false,
    opacity : 0.2
  }

  onpress = () => {
    if (!this.state.check) {
      this.setState({
        opacity : 0.2,
        check: true
      })
    } else {
      this.setState({
        opacity : 1,
        check: false
      })
    }
  }

<TouchableHighlight style={{alignItems:"center", backgroundColor: "black", opacity: this.state.opacity }} onPress={() => this.onpress()}>
  <Text style={{color: "#ffffff"}}>TouchableHighlight</Text>
</TouchableHighlight>

您可以使用多种内联样式

<TouchableHighlight style={[styles.touchablehighlight ,{ opacity: this.state.opacity }]} onPress={() => this.onpress()}>