[Bug]: Unexpected override of BottomSheetBackdrop style

[fabriziocucci]

Version

v5.1.1

Reanimated Version

v3

Gesture Handler Version

v2

Platforms

iOS, Android

What happened?

When supporting multiple themes, it should be easy to override the BottomSheetBackdrop background by simply passing the style prop but unfortunately it seems that the override is not working as expected, i.e. this

<BottomSheetBackdrop
  {...props}
  appearsOnIndex={0}
  disappearsOnIndex={-1}
  style={{backgroundColor: "white"}}
/>

leads to the BottomSheetBackdrop to lose also the absolute positioning style.

What I'm currently doing as a workaround is re-applying all the necessary style:

<BottomSheetBackdrop
  {...props}
  appearsOnIndex={0}
  disappearsOnIndex={-1}
  style={{backgroundColor: "white", bottom: 0, left: 0, position: "absolute", right: 0, top: 0}}
/>

Reproduction steps

See attached reproduction sample.

Reproduction sample

https://snack.expo.dev/@fabrizio.cucci/bottom-sheet---issue-reproduction-template

Relevant log output

[gorhom]

should be fixed in the latest release 👍