From dd5708992014ccbdfcfd4c2edb4aa5212c9922c9 Mon Sep 17 00:00:00 2001
From: JRK <jessym.reziga@gmail.com>
Date: Fri, 28 Nov 2025 03:47:27 +0100
Subject: [PATCH] Add mainContainerStyle prop to ReanimatedDrawerLayout

Added mainContainerStyle prop to customize the main component's style.
---
 .../src/components/ReanimatedDrawerLayout.tsx             | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/react-native-gesture-handler/src/components/ReanimatedDrawerLayout.tsx b/packages/react-native-gesture-handler/src/components/ReanimatedDrawerLayout.tsx
index b30a17c45a..5421074aa7 100644
--- a/packages/react-native-gesture-handler/src/components/ReanimatedDrawerLayout.tsx
+++ b/packages/react-native-gesture-handler/src/components/ReanimatedDrawerLayout.tsx
@@ -197,6 +197,11 @@ export interface DrawerLayoutProps {
    */
   drawerContainerStyle?: StyleProp<ViewStyle>;
 
+  /**
+  * Style wrapping the main component.
+  */
+  mainContainerStyle?: StyleProp<ViewStyle>;
+
   /**
    * Enables two-finger gestures on supported devices, for example iPads with
    * trackpads. If not enabled the gesture will require click + drag, with
@@ -282,6 +287,7 @@ const DrawerLayout = forwardRef<DrawerLayoutMethods, DrawerLayoutProps>(
       drawerType = defaultProps.drawerType,
       drawerBackgroundColor,
       drawerContainerStyle,
+      mainContainerStyle,
       contentContainerStyle,
       minSwipeDistance = defaultProps.minSwipeDistance,
       edgeWidth = defaultProps.edgeWidth,
@@ -668,7 +674,7 @@ const DrawerLayout = forwardRef<DrawerLayoutMethods, DrawerLayoutProps>(
         gesture={panGesture}
         userSelect={userSelect}
         enableContextMenu={enableContextMenu}>
-        <Animated.View style={styles.main} onLayout={handleContainerLayout}>
+        <Animated.View style={[styles.main, mainContainerStyle]} onLayout={handleContainerLayout}>
           <GestureDetector gesture={overlayDismissGesture}>
             <Animated.View
               style={[