question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

1st modal flickers after closing 2nd children modal

See original GitHub issue

I got on one of my app screens, a button, that opens a modal, this modal has also a button, that shows a fullscreen modal. Whenever I close the latter, the first modal that is behind, flickers super fast that you can see for a millisecond the screen beneath and then it renders back again.

Is there any way to solve this issue? Haven’t tested on Android, but i’m seeing this on iPhone X simulator iOS 12.1 and also on my iPhone 6S (device).

This is the way i’m setting up the 2nd modal which is full screen:

                    style={styles.modal}
                    backdrop={false}
                    isOpen={this.state.modalOpened}
                    onOpened={ () => this.setState({ modalOpened: true })}
                    onClosed={ () => this.setState({ modalOpened: false })}
                    position={'top'}
                    swipeToClose={false}
                    keyboardTopOffset={0}
                    coverScreen={true}
                    entry={'bottom'}
                    backdropPressToClose={false}>

RN info:

    "react": "16.6.3",
    "react-native": "0.57.8",
    "react-native-modalbox": "^1.6.0",

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:9

github_iconTop GitHub Comments

3reactions
Tiagopt3commented, Jun 20, 2020

try coverScreen={false} on every Modal

3reactions
msqarcommented, Aug 13, 2019

@carlmagumpara still no responses since i created this 😕 #FeelsBadMan

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to stop flickering of modal on event change
1 Answer 1 · 1. never mutate state directly · 2. split the component into smaller components · 3. store the minimum necessary...
Read more >
Modal is causing flicker of content in the Accordion
This behavior happens every time the Accordion is populated with items and a Modal Component is being used. I tried clearing out the...
Read more >
Content is jumping / scrollbars flickering on/off - Drupal
Everytime the modal popup is shown the scrollbar goes away and if the modal popup is closed the scrollbar came back.
Read more >
legacy-owners-manual.pdf - Overhead Door
Legacy® 650, Model 1029 ... The opener must reverse when the door contacts a 1-1/2 inch high object on the floor at ......
Read more >
react-native-modal - npm
This means that, in react-native-modal , if you want to immediately show a new modal after closing one you must first make sure...
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