如何在React Native中创建画布元素？

npm install react-native-svg --save

import React from 'react';
import { View } from 'react-native';
import Svg, { Circle, Rect } from 'react-native-svg';

const Canvas = () => {
  return (
    <View style={{ flex: 1 }}>
      <Svg width="100%" height="100%">
        {/* 在这里添加你的图形元素 */}
      </Svg>
    </View>
  );
};

<Svg width="100%" height="100%">
  <Circle cx="50%" cy="50%" r="50" fill="red" />
  <Rect x="20" y="20" width="100" height="100" fill="blue" />
</Svg>

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