Скрытое свойство React-Native StatusBar не работает должным образом в компоненте React-Native Modal

Question

Я использую модальный компонентact-native, там я использую компонент StatusBar Reaction-native.Но когда я устанавливаю значение скрытых реквизитов в true, он не работает должным образом, но когда я использую этот компонент StatusBar в другом компоненте View, он работает нормально.Вот несколько снимков экрана и мой пример кода

пример кода

      <Modal
        animationType="slide"
        transparent={false}
        visible={this.state.modalVisible}
        onRequestClose={() => this.setModalVisible(false)}
      >
        <StatusBar hidden={true} />
        <VideoPlayer />
      </Modal>

Answer 1

Вам нужно будет оставить компонент StatusBar в View, который обернет компонент Modal.Скрывайте компонент StatusBar только тогда, когда виден Modal.

В родительском компоненте Modal

render(){
   <View>
       <StatusBar hidden={this.state.isModalVisible}/>
       <Modal visible={this.state.isModalVisible}/>
           ...
       </Modal>
        ...
   </View>
}

Переменная isModalVisible будет содержать текущее состояниеModal и StatusBar