React Native: проблема с зависанием экрана после закрытия модального режима с помощью прокрутки вниз - PullRequest
1 голос
/ 09 апреля 2020

У меня проблема в 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...