From ad0f25de680134304b5523dbd28e571b5771b094 Mon Sep 17 00:00:00 2001
From: Anurag Yadav <78202060+AnuMessi10@users.noreply.github.com>
Date: Sun, 22 Mar 2026 03:18:34 +0530
Subject: [PATCH] fix: forward style prop to Modal inner container View

Modal accepts `style` via ViewProps but silently discards it.
The inner container View only applies `styles.container` and
`containerStyles` (which handles `backdropColor`/`transparent`),
ignoring any style prop passed by the consumer.

This means `<Modal style={{ padding: 20 }}>` has no effect even
though the types allow it.

Forward `this.props.style` as the last element in the style array
so consumer styles are applied and can override defaults.
---
 packages/react-native/Libraries/Modal/Modal.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-native/Libraries/Modal/Modal.js b/packages/react-native/Libraries/Modal/Modal.js
index 1fabac7de3d8..7cf25d526557 100644
--- a/packages/react-native/Libraries/Modal/Modal.js
+++ b/packages/react-native/Libraries/Modal/Modal.js
@@ -349,7 +349,7 @@ class Modal extends React.Component<ModalProps, ModalState> {
           <ScrollView.Context.Provider value={null}>
             <View
               // $FlowFixMe[incompatible-type]
-              style={[styles.container, containerStyles]}
+              style={[styles.container, containerStyles, this.props.style]}
               collapsable={false}>
               {innerChildren}
             </View>