Screen is freezing issue after closing Modal by Swipe down

See original GitHub issue

Description

I am having an issue in React Native, I have a screen where I have a to-do list along with search bar, on click on any todo item It opens a Modal where It has close button and content.

On closing the Modal by pressing a close button, It’s working fine but, when I am doing swipe down my screen is freezing, I am unable to scroll and tab on todo list item also unable to press the search bar to type.

also, on swipe down popup is closing but it’s not triggering onRequestClose and onDismiss

React Native version:

npmPackages:
    react: 16.8.6 => 16.8.6 
    react-native: 0.60.5 => 0.60.5 
npmGlobalPackages:
    react-native-cli: 2.0.1

Modal code

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>

Steps bou-app-modal-issue

Thank you

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:6

github_iconTop GitHub Comments

1reaction
kurniawanw0194commented, Apr 16, 2020

It happens to me as well. My RN version is 0.62.2.

0reactions
stale[bot]commented, Jul 25, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native: Screen is freezing issue after closing Modal by ...
On closing the Modal by pressing close button, It's working fine but, when I am doing swipe down my screen is freezing, I...
Read more >
Modal - Bootstrap
Clicking on the modal “backdrop” will automatically close the modal. Bootstrap only supports one modal window at a time. Nested modals aren't supported...
Read more >
WKWebView scrolling issue on iOS 13 - Apple Developer
The issue is that you can't scroll vertically on the page as the screen jumps around back and forth while you try. Sometimes...
Read more >
Make your BottomSheetDialog noncancelable - beta - Medium
Update: I wrote a standalone library for solving this issue. You can check it out at https://github.com/beta/android-lockable-bottom-sheet.
Read more >
React Native Modal Drawer
The react-native-modal component can roughly meet my needs. In this step, You will open the App. React Navigation Full Screen Drawer With Code...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found