可以在React Native中的呈现组件上保存样式的状态吗？

import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isRed: false,
    };
  }

  toggleColor = () => {
    this.setState(prevState => ({
      isRed: !prevState.isRed,
    }));
  };

  render() {
    const { isRed } = this.state;
    const boxStyle = isRed ? styles.redBox : styles.blueBox;

    return (
      <View style={styles.container}>
        <View style={boxStyle} />
        <Text onPress={this.toggleColor}>Toggle Color</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  redBox: {
    width: 100,
    height: 100,
    backgroundColor: 'red',
  },
  blueBox: {
    width: 100,
    height: 100,
    backgroundColor: 'blue',
  },
});

export default MyComponent;