Сделать динамический SVG прокручиваемым

В my react native app есть представление, которое показывает график прогресса. Этот график строится динамически с помощью 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>);

1 ответ

  1. Используйте ScrollView, однако он будет ограничен в одном направлении. Если вам нужно прокрутить/панорамировать в обоих направлениях, вы можете сделать это с помощью PanResponder