diff --git a/packages/drawer/src/index.tsx b/packages/drawer/src/index.tsx
index 29818206..e6a66404 100644
--- a/packages/drawer/src/index.tsx
+++ b/packages/drawer/src/index.tsx
@@ -22,6 +22,10 @@ export { default as DrawerView } from './views/DrawerView';
 
 export { default as DrawerGestureContext } from './utils/DrawerGestureContext';
 
+export {
+  default as DrawerProgressContext,
+} from './utils/DrawerProgressContext';
+
 /**
  * Types
  */
diff --git a/packages/drawer/src/utils/DrawerProgressContext.tsx b/packages/drawer/src/utils/DrawerProgressContext.tsx
new file mode 100644
index 00000000..0edf302e
--- /dev/null
+++ b/packages/drawer/src/utils/DrawerProgressContext.tsx
@@ -0,0 +1,4 @@
+import * as React from 'react';
+import Animated from 'react-native-reanimated';
+
+export default React.createContext<Animated.Node<number> | null>(null);
diff --git a/packages/drawer/src/views/Drawer.tsx b/packages/drawer/src/views/Drawer.tsx
index c6a18326..46d53bb3 100644
--- a/packages/drawer/src/views/Drawer.tsx
+++ b/packages/drawer/src/views/Drawer.tsx
@@ -14,6 +14,7 @@ import {
   State,
 } from 'react-native-gesture-handler';
 import Animated from 'react-native-reanimated';
+import DrawerProgressContext from '../utils/DrawerProgressContext';
 
 const {
   Clock,
@@ -513,82 +514,86 @@ export default class DrawerView extends React.PureComponent<Props> {
       : { left: 0, width: open ? undefined : swipeEdgeWidth };
 
     return (
-      <PanGestureHandler
-        ref={onGestureRef}
-        activeOffsetX={[-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]}
-        failOffsetY={[-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]}
-        onGestureEvent={this.handleGestureEvent}
-        onHandlerStateChange={this.handleGestureEvent}
-        hitSlop={hitSlop}
-        enabled={!locked}
-        {...gestureHandlerProps}
-      >
-        <Animated.View
-          onLayout={this.handleContainerLayout}
-          style={styles.main}
+      <DrawerProgressContext.Provider value={this.progress}>
+        <PanGestureHandler
+          ref={onGestureRef}
+          activeOffsetX={[-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]}
+          failOffsetY={[-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]}
+          onGestureEvent={this.handleGestureEvent}
+          onHandlerStateChange={this.handleGestureEvent}
+          hitSlop={hitSlop}
+          enabled={!locked}
+          {...gestureHandlerProps}
         >
           <Animated.View
-            style={[
-              styles.content,
-              {
-                transform: [{ translateX: contentTranslateX }],
-              },
-              sceneContainerStyle as any,
-            ]}
+            onLayout={this.handleContainerLayout}
+            style={styles.main}
           >
-            {renderSceneContent({ progress: this.progress })}
-            <TapGestureHandler onHandlerStateChange={this.handleTapStateChange}>
-              <Animated.View
-                style={[
-                  styles.overlay,
-                  {
-                    opacity: interpolate(this.progress, {
-                      inputRange: [PROGRESS_EPSILON, 1],
-                      outputRange: [0, 1],
-                    }),
-                    // We don't want the user to be able to press through the overlay when drawer is open
-                    // One approach is to adjust the pointerEvents based on the progress
-                    // But we can also send the overlay behind the screen, which works, and is much less code
-                    zIndex: cond(
-                      greaterThan(this.progress, PROGRESS_EPSILON),
-                      0,
-                      -1
-                    ),
-                  },
-                  overlayStyle,
-                ]}
-              />
-            </TapGestureHandler>
-          </Animated.View>
-          <Animated.Code
-            exec={block([
-              onChange(this.manuallyTriggerSpring, [
-                cond(eq(this.manuallyTriggerSpring, TRUE), [
-                  set(this.nextIsOpen, FALSE),
-                  call([], () => (this.currentOpenValue = false)),
+            <Animated.View
+              style={[
+                styles.content,
+                {
+                  transform: [{ translateX: contentTranslateX }],
+                },
+                sceneContainerStyle as any,
+              ]}
+            >
+              {renderSceneContent({ progress: this.progress })}
+              <TapGestureHandler
+                onHandlerStateChange={this.handleTapStateChange}
+              >
+                <Animated.View
+                  style={[
+                    styles.overlay,
+                    {
+                      opacity: interpolate(this.progress, {
+                        inputRange: [PROGRESS_EPSILON, 1],
+                        outputRange: [0, 1],
+                      }),
+                      // We don't want the user to be able to press through the overlay when drawer is open
+                      // One approach is to adjust the pointerEvents based on the progress
+                      // But we can also send the overlay behind the screen, which works, and is much less code
+                      zIndex: cond(
+                        greaterThan(this.progress, PROGRESS_EPSILON),
+                        0,
+                        -1
+                      ),
+                    },
+                    overlayStyle,
+                  ]}
+                />
+              </TapGestureHandler>
+            </Animated.View>
+            <Animated.Code
+              exec={block([
+                onChange(this.manuallyTriggerSpring, [
+                  cond(eq(this.manuallyTriggerSpring, TRUE), [
+                    set(this.nextIsOpen, FALSE),
+                    call([], () => (this.currentOpenValue = false)),
+                  ]),
                 ]),
-              ]),
-            ])}
-          />
-          <Animated.View
-            accessibilityViewIsModal={open}
-            removeClippedSubviews={Platform.OS !== 'ios'}
-            onLayout={this.handleDrawerLayout}
-            style={[
-              styles.container,
-              right ? { right: offset } : { left: offset },
-              {
-                transform: [{ translateX: drawerTranslateX }],
-                opacity: this.drawerOpacity,
-                zIndex: drawerType === 'back' ? -1 : 0,
-              },
-              drawerStyle as any,
-            ]}
-          >
-            {renderDrawerContent({ progress: this.progress })}
+              ])}
+            />
+            <Animated.View
+              accessibilityViewIsModal={open}
+              removeClippedSubviews={Platform.OS !== 'ios'}
+              onLayout={this.handleDrawerLayout}
+              style={[
+                styles.container,
+                right ? { right: offset } : { left: offset },
+                {
+                  transform: [{ translateX: drawerTranslateX }],
+                  opacity: this.drawerOpacity,
+                  zIndex: drawerType === 'back' ? -1 : 0,
+                },
+                drawerStyle as any,
+              ]}
+            >
+              {renderDrawerContent({ progress: this.progress })}
+            </Animated.View>
           </Animated.View>
-        </Animated.View>
-      </PanGestureHandler>
+        </PanGestureHandler>
+      </DrawerProgressContext.Provider>
     );
   }
 }