React Native，如何更改按钮onPress的样式并保留样式

import React, { useState } from 'react';
import { TouchableOpacity, Text, StyleSheet } from 'react-native';

const CustomButton = () => {
  const [buttonStyle, setButtonStyle] = useState(styles.button);

  const onPressButton = () => {
    // 在这里定义按钮按下后的样式
    setButtonStyle(styles.buttonPressed);
    // 执行其他操作
  };

  return (
    <TouchableOpacity style={buttonStyle} onPress={onPressButton}>
      <Text style={styles.buttonText}>按钮</Text>
    </TouchableOpacity>
  );
};

const styles = StyleSheet.create({
  button: {
    backgroundColor: 'blue',
    padding: 10,
    borderRadius: 5,
    margin: 10,
  },
  buttonPressed: {
    backgroundColor: 'red',
    padding: 10,
    borderRadius: 5,
    margin: 10,
  },
  buttonText: {
    color: 'white',
    fontSize: 16,
    fontWeight: 'bold',
  },
});