react native TouchableHighlight如何更改箭头函数中的覆盖颜色

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

const MyComponent = () => {
  const handlePress = () => {
    console.log('TouchableHighlight被点击了');
  };

  return (
    <TouchableHighlight
      underlayColor="#ff0000" // 设置覆盖颜色为红色
      onPress={handlePress}
      style={styles.button}
    >
      <Text style={styles.buttonText}>点击我</Text>
    </TouchableHighlight>
  );
};

const styles = StyleSheet.create({
  button: {
    backgroundColor: '#f0f0f0',
    padding: 10,
    borderRadius: 5,
  },
  buttonText: {
    color: '#000000',
    fontSize: 16,
  },
});

export default MyComponent;