如何在React Native中将项目放置在圆圈上

import React from 'react';
import { View } from 'react-native';

const CircleContainer = ({ children, size }) => {
  const circleStyle = {
    width: size,
    height: size,
    borderRadius: size / 2,
    backgroundColor: 'lightblue',
    justifyContent: 'center',
    alignItems: 'center',
  };

  return <View style={circleStyle}>{children}</View>;
};

export default CircleContainer;

import React from 'react';
import { Text } from 'react-native';
import CircleContainer from './CircleContainer';

const MyProject = () => {
  return (
    <CircleContainer size={200}>
      <Text>这是我的项目</Text>
    </CircleContainer>
  );
};

export default MyProject;