Vertical carousel not working inside scrollview

Is this a bug report, a feature request, or a question?

bug

<ScrollView
        style={styles.scrollStyle}
        contentContainerStyle={styles.scrollContent}
        bounces={false}
        // disableScrollViewPanResponder
        // nestedScrollEnabled
        // directionalLockEnabled={false}
      >
        <Image source={neck} style={styles.necKImage} />
        <View>
          <View style={{ marginHorizontal: 30 }}>
            {userCards.length === 0 ? (
              <View
                style={{ alignItems: "center", width: "100%", marginTop: 20 }}
              >
                <CardHolder
                  onPress={() =>
                    Actions.addcard({ freeBalance: userDetails.freeBalance })
                  }
                />
              </View>
            ) : (
              <View style={{ zIndex: 5555 }}>
                <Carousel
                  data={userCards}
                  renderItem={renderCard}
                  sliderHeight={270}
                  itemHeight={200}
                  // layout="stack"
                  vertical
                  loop
                  loopClonesPerSide={10}
                  useNativeDriver
                  layoutCardOffset={30}
                  inactiveSlideOpacity={1}
                  activeSlideAlignment={
                    Platform.OS === "android" ? "end" : "start"
                  }
                />
              </View>
            )}
          </View>
          <TouchableDebounce
            activeOpacity={0.5}
            onPress={() =>
              Actions.addcard({ freeBalance: userDetails.freeBalance })
            }
            style={{
              position: "absolute",
              bottom: -30,
              right: I18nManager.isRTL ? undefined : -0,
              left: I18nManager.isRTL ? -0 : undefined,
              zIndex: 2,
            }}
          >
            <Image
              source={add}
              style={{ width: 70, height: 70, zIndex: 2 }}
              resizeMode="contain"
            />
          </TouchableDebounce>
        </View>
        <Invoices makeOrderForItems={makeOrderForItems} />
        <HomeTransactions
          transactions={transactions}
          refreshing={false}
          onRefresh={getTransactions}
        />
      </ScrollView>

Start by reproducing the provided vertical Carousel inside a React Native ScrollView, including the shown scroll and carousel props, and isolate whether the failure is caused by nested gesture handling. Compare behavior across the affected platforms and configurations; done means the vertical carousel can be used inside the ScrollView without preventing the surrounding content from scrolling.