如何安装 React Native Skia，以便我可以在 Expo 项目中使用它并看到它在 Expo Go 中运行？

Question

我一直在尝试启动一个项目，该项目将使用 React Native Skia 来绘制类似图形的 HTML Canvas。我已经设置了一个 Expo 项目并运行了以下命令 - npx expo install @shopify/react-native-skia。

当我尝试在 Expo GO 中打开项目时，我收到以下消息：

未捕获的错误 无法读取未定义的属性“displayName”

这是从 withDevTools.js 调用的，我认为它是 Expo 捆绑软件的一部分。

只有当我尝试在项目中使用 Skia 时才会发生这种情况，否则不会发生？

我尝试运行基本的 Skia 示例，如下所示：

import {Canvas, Circle, Group} from "@shopify/react-native-skia";
 
export const HelloWorld = () => {
  const size = 256;
  const r = size * 0.33;
  return (
    <Canvas style={{ flex: 1 }}>
      <Group blendMode="multiply">
        <Circle cx={r} cy={r} r={r} color="cyan" />
        <Circle cx={size - r} cy={r} r={r} color="magenta" />
        <Circle
          cx={size/2}
          cy={size - r}
          r={r}
          color="yellow"
        />
      </Group>
    </Canvas>
  );
};

在下面链接的 Skia 安装指南中，它说在 ios 目录上运行 pod install。我没有执行此步骤，因为 Expo 没有创建我可以找到的 ios 目录？任何帮助将不胜感激。

https://shopify.github.io/react-native-skia/docs/getting-started/installation

Answer 1

我也遇到这个问题了。事实证明，您需要在

App.js

中进行默认导出。

即你需要

export default HelloWorld = () => { ...

来代替。