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.

Enable default backdrop customization.

See original GitHub issue

Feature Request

Enable background color customization on the default backdrop

Why it is needed

Most cases you don’t need to make anything custom other than the background color. Copying and pasting the internal solutions doesn’t seem elegant.

Possible implementation

here https://github.com/gorhom/react-native-bottom-sheet/blob/4451d3413de5f09d406f40e885d22baccd00241b/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx#L90

you need to swap the order in the array, thus allowing the given styles to include the backgroundColor.

Code sample

const containerStyle = useMemo(
    () => [
      styles.container,
      style,
      {
        opacity: animatedOpacity,
      },
    ],
    [style, animatedOpacity]
  );

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
hanselabreucommented, May 19, 2021

Opened #448.

1reaction
gorhomcommented, Jan 21, 2021

this should be resolved with v2.0.5 & v3.2.1 🎉

Read more comments on GitHub >

github_iconTop Results From Across the Web

backdrop - CSS: Cascading Style Sheets - MDN Web Docs
The ::backdrop pseudo-element makes it possible to obscure, style, or completely hide everything located below the element when it's the ...
Read more >
Customizing your Zoom Rooms background - Zoom Support
In the Zoom web portal, you can add custom images as backgrounds for all ... How to upload a default background image for...
Read more >
10.5. Customizing Desktop Backgrounds Red Hat Enterprise ...
Customizing Desktop Backgrounds. Using the dconf utility, you can configure the default background, add extra backgrounds, or add multiple backgrounds.
Read more >
Set custom background
Set custom background. You can change the default desktop background to one that you want to use. For example, you may want to...
Read more >
Change the wallpaper on your iPhone - Apple Support
Depth Effect enables layering with the subject of your photo.*. Lock Screen wallpaper customization is available in iOS 16 and later.
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