Export inner gesture handler refs

Author: osdnk

README.md

@@ -68,6 +68,7 @@ class Example extends React.Component {
 | callbackNode              | no       |         | `reanimated` node which holds position of bottom sheet, where `0` it the highest snap point and `1` is the lowest. |
 | overdragResistanceFactor  | no       |   0     | `Defines how violently sheet has to stopped while overdragging. 0 means no overdrag |  
 | springConfig              | no       | `{ }`   | Overrides config for spring animation | 
+| innerGestureHandlerRefs   | no       |         | Refs for gesture handlers used for building bottom sheet. The array consists fo three refs. The first for PanGH used for inner content scrolling. The second for PanGH used for header. The third for TapGH used for stopping scrolling the content.   | 
 
 
 ## Methods

index.js

@@ -117,6 +117,7 @@ export default class BottomSheetBehavior extends Component {
     enabledGestureInteraction: true,
     enabledInnerScrolling: true,
     springConfig: {},
+    innerGestureHandlerRefs: [ React.createRef(), React.createRef(), React.createRef() ],
   };
 
   decayClock = new Clock();
@@ -134,6 +135,9 @@ export default class BottomSheetBehavior extends Component {
 
   constructor(props) {
     super(props)
+    this.panRef = props.innerGestureHandlerRefs[0]
+    this.master = props.innerGestureHandlerRefs[1]
+    this.tapRef = props.innerGestureHandlerRefs[2]
     this.state = BottomSheetBehavior.getDerivedStateFromProps(props)
     const { snapPoints, init } = this.state
     const middlesOfSnapPoints = []
@@ -315,8 +319,6 @@ export default class BottomSheetBehavior extends Component {
     ])
   }
 
-  panRef = React.createRef();
-
   snapTo = index => {
     if (!this.props.enabledImperativeSnapping) {
       return
@@ -395,17 +397,16 @@ export default class BottomSheetBehavior extends Component {
     }
   }
 
-  master = React.createRef();
-
   render() {
     return (
       <React.Fragment>
-        <Animated.View style={{
-          height: '100%',
-          width: 0,
-          position: 'absolute'
-        }}
-        onLayout={this.handleFullHeader}
+        <Animated.View
+          style={{
+            height: '100%',
+            width: 0,
+            position: 'absolute'
+          }}
+          onLayout={this.handleFullHeader}
         />
         <Animated.View style={{
           width: '100%',
@@ -451,6 +452,7 @@ export default class BottomSheetBehavior extends Component {
             >
               <Animated.View>
                 <TapGestureHandler
+                  ref={this.tapRef}
                   enabled={this.props.enabledGestureInteraction}
                   onHandlerStateChange={this.handleTap}
                 >

reanimated-bottom-sheet.d.ts

@@ -32,6 +32,9 @@ declare module 'reanimated-bottom-sheet' {
 
     /** Overrides config for spring animation */
     springConfig?: object;
+
+    /** Refs for gesture handlers used for building bottomsheet */
+    innerGestureHandlerRefs: object[]
   }
 
   export default class BottomSheet extends React.Component<BottomSheetProps> {