求Expo集成react-native-skia的示例项目及Web端适配情况

可运行的集成示例 #

你可以快速搭建一个可运行的基础项目，步骤如下：

• 初始化Expo项目：npx create-expo-app SkiaDemo
• 进入项目目录：cd SkiaDemo
• 安装依赖：npx expo install @shopify/react-native-skia
• 替换App.js内容为以下Skia基础示例代码：

import { Canvas, Circle, Paint } from '@shopify/react-native-skia';

export default function App() {
  const paint = new Paint();
  paint.setColor('rgba(0, 122, 255, 1)');
  return (
    <Canvas style={{ flex: 1 }}>
      <Circle cx={150} cy={150} r={100} paint={paint} />
    </Canvas>
  );
}

• 启动项目：npx expo start

Expo官方文档中也有完整的集成指引，社区也有不少开源的进阶示例（比如图形动画、自定义绘制组件），你可以通过Expo Go搜索相关Skia项目直接体验。

Web端支持情况 #

react-native-skia 暂不支持Web端运行。它基于原生Skia引擎实现，仅适配React Native的iOS和Android平台。如果需要在Web端使用Skia能力，建议直接使用Skia的Web专属库（如@skia-js/core），但该库无法与react-native-skia的代码直接复用。

内容的提问来源于stack exchange，提问作者BeatingToADifferentRobot