Блог

здесь небольшая путаница. Я создал модальный компонент и вызываю этот модальный в контейнере (родительский). Здесь я изо всех сил пытаюсь сделать другие компоненты в контейнере (родительском) интерактивными, когда появляется мой модальный.

Я установил свою модальную высоту и ширину:

 <Modal transparent={false}
       visible={this.state.isVisible}
       onRequestClose={this.closeModal}>
  <View style={{
          flex: 1,
          flexDirection: 'column',
          justifyContent: 'center',
          alignItems: 'center'}}>
    <View style={{
            width: 300,
            height: 300}}>
      ...
    </View>
  </View>
</Modal>
  

Но это все равно не работает. Пожалуйста, помогите.

Я думаю, что именно так это и должно работать! modal из react-native заполняет экран отверстия, даже если вы укажете высоту и ширину, только вид внутри имеет такой размер, что модальный режим является полноэкранным. Чтобы решить эту проблему, вы можете создать свой собственный модал. просто создайте компонент с абсолютной позицией и вызовите его в своем родительском элементе.

 {this.state.isVisible?<ModalComponent />:null}