我可以在labelComponent(victory-native)内使用<view>和<text>吗?

时间:2018-11-22 09:27:56

标签: react-native victory-charts

我用这样的胜利本机创建了图表:

<VictoryGroup data={data} labelComponent={<LabelComponent />}
  <VictoryLine interpolation="catmullRom" />
</VictoryGroup>

labelComponen如下所示:

class LabelComponent extends Component {
  render() {
    const { x, y, datum } = this.props
    return (
      <VictoryPortal>
        <View
          style={[
            {
              left: x,
              top: y,
            },
          ]}
        >
          <View>
            <Text>{datum._x}</Text>
          </View>
          <View>
            <Text>{datum._y}</Text>
          </View>
        </View>
      </VictoryPortal>
    )
  }
}

在iOS上,它可以正确呈现,但是在Android上,我看不到任何标签? 难道我做错了什么?如果是,还有其他方法可以在带有背景填充等的框中创建标签吗?

我正在使用博览会。

0 个答案:

没有答案