Cannot scroll left to right without first scrolling up or down.

[plaporte]

I am using the zoomable view to house a tournament bracket. In order to be able to scroll left or right more than half an inch, I first need to scroll/drag the screen up/down and then I can move it freely. Is there a solution for this?

My code:

<ScrollView
        style={{
          flex: 1,
        }}
      >
        <ReactNativeZoomableView
          maxZoom={1.5}
          minZoom={0.4}
          zoomStep={0.5}
          initialZoom={1}
          bindToBorders={false}
          movementSensibility={0.6}
          style={{
            padding: 10,
            alignItems: "flex-start",
            width:
              winnersBracket.length > losersBracket.length
                ? winnersBracket.length * 300
                : losersBracket.length * 300,
          }}
        >
          <View
            style={{
              // flex: 1,
              width: null,
              height: "100%",
              flexDirection: "column",
              alignItems: "stretch",
              alignContent: "flex-start",
              justifyContent: "flex-start",
              overflow: "scroll",
            }}
          >
            {/* Tournament Code here */}
          </View>
        </ReactNativeZoomableView>
      </ScrollView>;