Tengo un Modal con una altura personalizada que no ocupa toda la pantalla. Me gustaría evitar que el Modal se cierre cuando el usuario hace clic en la superposición o fuera del Contenedor Modal. A continuación se muestra una captura de pantalla de cómo se muestra el modal

Envolví el componente modal alrededor de TouchableWithoutFeedback y configuré el modal transparente en false , pero aún se cierra cuando el usuario toca fuera del modal.

A continuación se muestran mis configuraciones actuales del Modal.

 onShow = () => { // performs slide in animation this.animation(); }; return ( <Modal transparent visible={visible} onShow={this.onShow}> <View style={styles.flex} onLayout={event => { let {height: heightFull} = event.nativeEvent.layout; this.setState({ height: getHeightView(heightFull, ratioHeight), }); }}> {* Modal Body * } <Animated.View> {* Some other content *} </Animated.View> {* End of Modal Body *} </View> </Modal> )