動的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