reactjs - 如何使用react-native-art在绘制的形状上添加文本？

Question

我正在使用react-native-art绘制饼图。我想在每个形状(或饼图弧)上添加文本。有什么方法可以让我实现这一目标吗？

Answer 1

目前在形状内添加文本的唯一方法是使用 react-native-art 提供的 Text 组件。顺便说一句，它不是 react-native 的 Text 组件。

定位文本需要使用Group，它是react-native-art的另一个组件。

一般示例:

import { Surface, Group, Text } from 'react-native/Libraries/ART/ReactNativeART'

...
return (
  <Surface>
    <Group x={xCoord} y={yCoord}>
      <Text
        font={`13px "Helvetica Neue", "Helvetica", Arial`}
        fill = "#000000"
        alignment = "center"
      >
        Hello World
      </Text>
    </Group>
  </Surface>
)
...

编辑:如果您想了解更多信息，请查看 ART 库的临时文档:https://github.com/react-native-china/react-native-ART-doc/blob/master/doc.md