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.

[v3] BottomSheetBackdrop flashes on mounting

See original GitHub issue

Bug

In some ocsasions (not sure if because of react-navigation or not), BottomSheetBackdrop flashes (black to transparent) the whole screen.

Environment info

Library	Version
@gorhom/bottom-sheet	3.2.1
react-native	0.63.4
react-native-reanimated	2.0.0-rc.2
react-native-gesture-handler	1.9.0

Steps To Reproduce

Clone https://github.com/ferrannp/bottom-sheet-playground.

Open the app
She the flash
Reload JS
See the flash
Comment out backdropComponent={BottomSheetBackdrop}
Reload JS
You will not see the flash

Describe what you expected to happen:

BottomSheetBackdrop not to flash when mounting

Reproducible sample code

https://github.com/ferrannp/bottom-sheet-playground

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:6 (3 by maintainers)

Top GitHub Comments

4reactions

sergeylaptevcommented, Feb 23, 2021

I use 3.3.1. Shadow still flickers on mount:)

1reaction

sandergo90commented, May 18, 2021

Top Results From Across the Web

BottomSheet v4 is here! | React Native Bottom Sheet

Keyboard handling was released with v3 , however, there were some issues that pushed ... fixed on mount flicker on fixed sheet (48c4988)....

https://raw.githubusercontent.com/gorhom/react-nat...

... https://github.com/gorhom/react-native-bottom-sheet/compare/v4.3.0...v4.3.1) ... 23 April 2022 #### Fixes - updated BottomSheetBackdrop "falsey" default ...

gorhom/bottom-sheet - npm

A performant interactive bottom sheet with fully configurable options . Latest version: 4.4.5, last published: 3 months ago.

[v4] BottomSheet flickers when adding Animated component ...

Nastarfan. Bug. The BottomSheet is flickering when displayed after animated component has been mounted, specifically the flickering part is ...