diff --git a/packages/react-native/Libraries/Modal/Modal.js b/packages/react-native/Libraries/Modal/Modal.js index 2dd7885a2b17d5..345191ab52850f 100644 --- a/packages/react-native/Libraries/Modal/Modal.js +++ b/packages/react-native/Libraries/Modal/Modal.js @@ -184,6 +184,14 @@ function confirmProps(props: Props) { `Modal with '${props.presentationStyle}' presentation style and 'transparent' value is not supported.`, ); } + if ( + props.navigationBarTranslucent === true && + props.statusBarTranslucent !== true + ) { + console.warn( + 'Modal with translucent navigation bar and without translucent status bar is not supported.', + ); + } } } diff --git a/packages/rn-tester/js/examples/Modal/ModalPresentation.js b/packages/rn-tester/js/examples/Modal/ModalPresentation.js index bd5a3f340c1064..028232b0b8603a 100644 --- a/packages/rn-tester/js/examples/Modal/ModalPresentation.js +++ b/packages/rn-tester/js/examples/Modal/ModalPresentation.js @@ -19,15 +19,7 @@ import {RNTesterThemeContext} from '../../components/RNTesterTheme'; import RNTOption from '../../components/RNTOption'; import * as React from 'react'; import {useCallback, useContext, useState} from 'react'; -import { - Modal, - Platform, - StatusBar, - StyleSheet, - Switch, - Text, - View, -} from 'react-native'; +import {Modal, Platform, StyleSheet, Switch, Text, View} from 'react-native'; const animationTypes = ['slide', 'none', 'fade']; const presentationStyles = [