如何在react原生中创建一个改变背景颜色onPress的按钮？

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

const ColorButton = () => {
  const [backgroundColor, setBackgroundColor] = useState('red');

  const changeColor = () => {
    const newColor = backgroundColor === 'red' ? 'blue' : 'red';
    setBackgroundColor(newColor);
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor }}>
      <TouchableOpacity onPress={changeColor}>
        {/* 在这里放置按钮的内容 */}
      </TouchableOpacity>
    </View>
  );
};

export default ColorButton;

import ColorButton from './ColorButton';

const App = () => {
  return (
    <View style={{ flex: 1 }}>
      <ColorButton />
    </View>
  );
};

export default App;