У меня проблема в React Native, у меня есть экран, на котором у меня есть список дел вместе с панелью поиска, при щелчке по любому элементу задачи открывается модальное окно, в котором есть кнопка закрытия и содержимое.
При закрытии модального режима нажатием кнопки закрытия, он работает нормально, но, когда я провожу пальцем вниз, мой экран зависает, я не могу прокручивать и вкладывать элемент списка задач, а также не могу нажимать строку поиска для ввода.
также, при пролистывании всплывающее окно закрывается, но не запускается onRequestClose
и onDismiss
Реагирует в родной версии
"react": "16.8.6",
"react-native": "0.60.5",
Модальный код
creditCardsModalVisibleHandler = (visible) => {
this.setState({creditCardsModalVisible: visible});
}
<Modal
animationType="slide"
transparent={false}
visible={creditCardsModalVisible}
presentationStyle="formSheet"
onDismiss={() => {
console.log('Close handled');
this.creditCardsModalSwipeHandler();
}}
onRequestClose={() => {
console.log('Modal has been closed');
this.creditCardsModalSwipeHandler();
}}
>
<View style={[modal.main]}>
<TouchableOpacity onPress={() => {this.creditCardsModalVisibleHandler(!creditCardsModalVisible);}}>
<View style={[modal.closeButton]}>
<ImageBackground source={modal.closeBackgroundImage} style={[modal.closeButtonImage]}/>
</View>
</TouchableOpacity>
</View>
</Modal>