探索创新：react-native-canvas - 带着你的React Native应用飞入图形绘制的新世界！

import React from 'react';
import { View } from 'react-native';
import { Canvas, CanvasProviders } from '@react-native-canvas/canvas';
 
const MyCanvasComponent = () => {
  return (
    <CanvasProviders>
      <Canvas style={{ width: 300, height: 200 }}>
        {({ canvas, context }) => {
          context.fillStyle = 'blue';
          context.fillRect(50, 50, 100, 100);
          context.fillStyle = 'red';
          context.fillRect(100, 100, 50, 50);
          return <View />; // 这里可以放置你的自定义UI
        }}
      </Canvas>
    </CanvasProviders>
  );
};
 
export default MyCanvasComponent;

这段代码演示了如何在React Native应用中使用react-native-canvas库来绘制一个蓝色矩形和一个红色的小正方形。这个例子简单且直接，展示了如何利用Canvas组件进行基本的2D图形绘制。