React Native BottomSheetBackdrop not showing

I am using the BottomSheet and BottomSheetModal (@gorhom/bottom-sheet) in a react native app – it brings the fluid experience a user would expect from a native app.

Recently I had an issue with the Backdrop, where it wouldn’t show (I was using it with a BottomSheetModal).

It turns out, that to make it render you need to set the disappearsOnIndex Prop to -1.

const renderBackdrop = 
    (props: BottomSheetBackdropProps) => (
        <BottomSheetBackdrop 
            {...props}
            disappearsOnIndex={-1} />
    )
		

Oh, well… : )