Enable default backdrop customization.

[f-ricci]

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

react-native-bottom-sheet/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx

Line 90 in 4451d34

styles.container,

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]
  );

[f-ricci]

Thanks @gorhom

[gorhom]

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

[vicolsson]

Hey @gorhom, it's not changed in V3
/~https://github.com/gorhom/react-native-bottom-sheet/blob/v3/src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx#L86

[hanselabreu]

It's as @vicolsson said. Didn't know we had an issue for this, I had opened a discussion (#431) thinking I was doing something wrong.

[hanselabreu]

Opened #448.