fix status bar color when modal/popover is open

Expensify · Jun 3, 2022 · 2efde78 · 2efde78
1 parent fd29904
commit 2efde78
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
@@ -154,6 +154,7 @@ class AttachmentModal extends PureComponent {
         return (
             <>
                 <Modal
+                    statusBarTranslucent={false}
                     type={this.state.modalType}
                     onSubmit={this.submitAndClose}
                     onClose={() => this.setState({isModalOpen: false})}

diff --git a/src/components/Modal/BaseModal.js b/src/components/Modal/BaseModal.js
@@ -15,11 +15,15 @@ const propTypes = {
 
     /** The ref to the modal container */
     forwardedRef: PropTypes.func,
+
+    /** Whether we should make status bar transclucent */
+    statusBarTranslucent: PropTypes.bool,
 };
 
 const defaultProps = {
     ...modalDefaultProps,
     forwardedRef: () => {},
+    statusBarTranslucent: true,
 };
 
 class BaseModal extends PureComponent {
@@ -77,6 +81,7 @@ class BaseModal extends PureComponent {
         );
         return (
             <ReactNativeModal
+                statusBarTranslucent={this.props.statusBarTranslucent}
                 onBackdropPress={(e) => {
                     if (e && e.type === 'keydown' && e.key === 'Enter') {
                         return;