如何在 React Native 中绘制任何类型的形状

Question

我是反应原生新手。我想设计篮球场。 并且此布局的每个部分都可以独立点击。

我只是厌倦了这个。 如果有人知道如何解决这个问题，请帮助我。 每一份努力都会受到赞赏。

Answer 1

您可以使用设计工具（如 Adobe Illustrator、Inkscape 等）以 SVG 格式绘制这些形状，然后您可以使用 react-native-svg 库将您的 SVG 导入到您的react-native 项目中。您可以直接显示 SVG，也可以使用 SVGR Playground 将 SVG 文件转换为react-native-svg 组件。如果您想控制 SVG（以便能够更改颜色和大小等），我建议您将 SVG 转换为组件。

Answer 2

如果您想以编程方式绘制形状，请查看 React Native Skia https://shopify.github.io/react-native-skia/docs/getting-started/installation/