i have a problem since i upgraded to latest SDK44 and updated my gorhom bottomsheet package.
My ShadowBackdrop component is not showing behind bottomshet.
This is my code.
RENDER SHADOW COMPONENT!
import React from "react"
import Animated from "react-native-reanimated"
import { StyleSheet } from "react-native";
export const renderShadow = (fall, styles) => {
const animatedShadowOpacity = Animated.interpolateNode(fall, {
inputRange: [0, 1], outputRange: [0.6, 0],
});
return (
<Animated.View
pointerEvents="none"
style={[
{
...StyleSheet.absoluteFillObject,
backgroundColor: "#000",
opacity: animatedShadowOpacity,
},
]}
/>);
};
THIS IS HOW I CALL IT IN ACTUAL COMPONENT:
<Portal>
{renderShadow(fall, styles)}
<BottomSheet
index={0}
ref={bottomSheetRef}
snapPoints={snapPoints}
handleComponent={null}
backdropComponent={BottomSheetBackdrop}
enableContentPanningGesture={gHandle}
enablePanDownToClose={true}
>
<BottomSheetContainer />
</BottomSheet>
</Portal>
<PortalHost name="custom_host" />