I am using the gorhom/react-native-bottom-sheet library. I want to show the shadow box when the user slides up or down the bottom form. How to achieve this? Is it possible? Currently I have it set to show when isOpen, but I want it to show when swiping. I also tried wrapping it in a Touchable component to show the shadow box when isPressed is true, but it didn't work when moving the bottom form.

export default function BottomSheet() { const [isPressed, setIsPressed] = useState(false); const { t } = useTranslation(); const [isOpen, setIsOpen] = useState(false); const bottomSheetModalRef = useRef(null); const snapPoints = ["50%"]; function handlePresentModal() { bottomSheetModalRef.current?.present(); setTimeout(() => { setIsOpen(true); }, 100); } return ( <>     setIsOpen(false)} >   //Content here    {isOpen && }  ); } const styles = StyleSheet.create({ contentContainer: { paddingHorizontal: 16, paddingBottom: 100, }, });