fix: avoid onScrollBeginDrag overriding default behavior (#180)

* fix: overriding props needed to work and calling onScrollBeginDrag method passed via scroll props

* fix: simpified handling scrollBeginDrag

* fix: moved back Animated.event for handling onScrollBeginDrag

* fix: simplified onScrollBeginDrag event listener

* fix: removed unnecessary line break and run prettier

src/index.tsx

@@ -25,6 +25,8 @@ import {
   Platform,
   StatusBar,
   KeyboardEvent,
+  NativeSyntheticEvent,
+  NativeScrollEvent,
 } from 'react-native';
 import {
   PanGestureHandler,
@@ -584,12 +586,16 @@ const ModalizeBase = (
 
   const renderContent = (): JSX.Element => {
     const keyboardDismissMode = isIos ? 'interactive' : 'on-drag';
+    const passedOnScrollBeginDrag = (flatListProps ?? sectionListProps ?? scrollViewProps)
+      ?.onScrollBeginDrag;
 
     const opts = {
       ref: contentView,
       bounces: enableBounces,
       onScrollBeginDrag: Animated.event([{ nativeEvent: { contentOffset: { y: beginScrollY } } }], {
         useNativeDriver: USE_NATIVE_DRIVER,
+        // @ts-ignore
+        listener: e => passedOnScrollBeginDrag?.(e),
       }),
       scrollEventThrottle: 16,
       onLayout: handleContentViewLayout,
@@ -598,19 +604,19 @@ const ModalizeBase = (
     };
 
     if (flatListProps) {
-      return <AnimatedFlatList {...opts} {...flatListProps} />;
+      return <AnimatedFlatList {...flatListProps} {...opts} />;
     }
 
     if (sectionListProps) {
-      return <AnimatedSectionList {...opts} {...sectionListProps} />;
+      return <AnimatedSectionList {...sectionListProps} {...opts} />;
     }
 
     if (customRenderer) {
       return cloneElement(customRenderer, { ...opts });
     }
 
     return (
-      <Animated.ScrollView {...opts} {...scrollViewProps}>
+      <Animated.ScrollView {...scrollViewProps} {...opts}>
         {children}
       </Animated.ScrollView>
     );