отклонить собственную модальную реакцию, вызывающую замораживание пользовательского интерфейса

#react-native #modal-dialog

Вопрос:

Моя проблема связана с модальностью react native. После того, как модальный открывается и нажимает кнопку, он закрывается, и пользовательский интерфейс перестает отвечать на запросы. Вот мой код модального. Любая помощь будет признательна.

 lt;Modal  animationType="slide"  transparent={true}  visible={modalVisible}  gt;  lt;View style={styles.modalContainer}gt;  lt;TouchableOpacity style={{ height: '65%' }} onPressOut={() =gt; setModalVisible(false)} gt;  lt;/TouchableOpacitygt;  lt;View style={styles.centeredView}gt;  lt;View style={styles.modalView}gt;  lt;Picker  style={styles.picker}  selectedValue={timeRange}  onValueChange={(itemValue, itemIndex) =gt; setTimeRange(itemValue)}  gt;  lt;Picker.Item label="15 minutes" value={15} /gt;  lt;Picker.Item label="30 minutes" value={30} /gt;  lt;Picker.Item label="45 minutes" value={45} /gt;  lt;Picker.Item label="60 minutes" value={60} /gt;  lt;/Pickergt;   lt;View style={styles.btn}gt;  lt;Button  text='Select'  width='20%'  height='100%'  font={18}  color='#3A97ED'  onPress={() =gt; setModalVisible(false)}  /gt;  lt;/Viewgt;  lt;/Viewgt;  lt;/Viewgt;  lt;/Viewgt;  lt;/Modalgt;