在React Native中更改以前状态的样式属性

constructor(props) {
  super(props);
  this.state = {
    isHighlighted: false,
    backgroundColor: 'red'
  };
}

render() {
  const { isHighlighted, backgroundColor } = this.state;

  return (
    <View style={{ backgroundColor }}>
      <Text style={isHighlighted ? styles.highlightedText : styles.normalText}>
        Hello, World!
      </Text>
      <Button onPress={this.changeStyle} title="Change Style" />
    </View>
  );
}

changeStyle = () => {
  this.setState(prevState => ({
    isHighlighted: !prevState.isHighlighted,
    backgroundColor: prevState.backgroundColor === 'red' ? 'blue' : 'red'
  }));
}