Closed
Description
Is this a bug report?
no
Have you read the Contributing Guidelines?
yes
Environment
react-native -v
: 0.46.4node -v
: 8.1.4npm -v
:5.0.3yarn --version
: 0.27.5
Then, specify:
- Target Platform:Android
- Development Operating System: macOS
- Build tools: jdk, android sdk
Steps to Reproduce
(Write your steps here:)
<View style={{flex:1}}>
<View style={{flex:1}}>
<StatusBar
backgroundColor={backgroundColor}
barStyle={barColor === 'light' ? 'light-content' : 'dark-content' }
/>
</View>
<Modal
visible={ this.state.modalVisible }
transparent={true}
onRequestClose={() => { this.setModalVisible(false) }}
>
<View style={{flex:1}}>
</View>
</Modal>
</View>
- I want to hide the status bar with a modal overlay.
But as shown in the screenshot below, Modal's overlay does not hide the StatusBar. I want to do it without using the navigator. Why is it not covered? Please help me.