Enabling horizontal scroll

[jamesnottidge]

I'm a developer quite new to react native, so I'm sure this question would be childishly simple.
I've implemented a horizontal stack carousel following the example provided in this repo
But the issue is I have no idea how to implement gesture handling
I want the user to be able to scroll Back and forth by swiping
This is my code so far

import * as React from "react";
import { View, Dimensions } from "react-native";
import { FadeInRight } from "react-native-reanimated";
import Carousel from "react-native-reanimated-carousel";

import { SBItem } from "./SBItem";
import SButton from "./SButton";
import { ElementsText } from "../constants";

function Index() {
  const [mode, setMode] = React.useState<any>("horizontal-stack");
  const [snapDirection, setSnapDirection] = React.useState<"left" | "right">(
    "left"
  );
  const [pagingEnabled, setPagingEnabled] = React.useState<boolean>(false);
  const [snapEnabled, setSnapEnabled] = React.useState<boolean>(true);
  const [loop, setLoop] = React.useState<boolean>(true);
  const [autoPlay, setAutoPlay] = React.useState<boolean>(true);
  const [autoPlayReverse, setAutoPlayReverse] = React.useState<boolean>(false);

  const data = React.useRef<number[]>([...new Array(6).keys()]).current;
  const viewCount = 5;
  const width = Dimensions.get("window").width;
  const height = Dimensions.get("window").height;
  const DATA = [
    {
      title: "A song",
      Artist: "someone",
      source: "./test.jpeg",
    },
    {
      title: "Another song",
      Artist: "someone else",
      source: "./test.jpeg",
    },
    {
      title: "A third song",
      Artist: "someone too",
      source: "./test.jpeg",
    },
    {
      title: "A final song",
      Artist: "Still someone",
      source: "./test.jpeg",
    },
  ];

  return (
    <View style={{ flex: 1 }}>
      <Carousel
        style={{
          width: "100%",
          alignItems: "center",
          justifyContent: "center",
        }}
        width={0.85 * width}
        height={height / 2}
        pagingEnabled={true}
        snapEnabled={snapEnabled}
        mode={mode}
        loop={loop}
        autoPlay={autoPlay}
        autoPlayReverse={autoPlayReverse}
        data={DATA}
        modeConfig={{
          snapDirection,
          stackInterval: mode === "vertical-stack" ? 8 : 18,
        }}
        customConfig={() => ({ type: "positive", viewCount })}
        renderItem={({ index }) => (
          <SBItem
            index={index}
            pretty={true}
            key={index}
            data={DATA[index]}
            entering={FadeInRight.delay((viewCount - index) * 100).duration(
              200
            )}
          />
        )}
      />
    </View>
  );
}

export default Index;

Any help would be deeply appreciated.