使动态SVG可滚动

Question

在我的本机应用程序中，有一个视图，显示进度图。该图是在SVG（react-native-svg npm）及其功能（如Line，Circle和Rect）的帮助下动态构建的。

对于少数输入数据，图表变大并且不在屏幕之外，需要添加滚动，以便用户可以滚动并查看完整图表。

render() {
    console.log(this.props.data,'subject analysis');
    const {width,height} = getDeviceSize();
    let svgWidth = width;
    let svgHeight = height;
    .... creation logic goes here .....
}

return (
      <View>
        <Svg
          height={height * 0.854}
          width={width}
        >
</Svg>
</View>);

Answer 1

使用ScrollView，但会限制在一个方向。如果您需要向两个方向滚动/平移，可以使用PanResponder

执行此操作