製作動態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