<p>저는 gorhom/react-native-bottom-sheet 라이브러리를 사용하고 있습니다. 사용자가 하단 폼을 위아래로 슬라이드할 때 섀도우 박스를 표시하고 싶습니다. 이것을 달성하는 방법은 무엇입니까? 가능합니까? 현재 isOpen일 때 표시되도록 설정했지만 스와이프할 때 표시하고 싶습니다. 또한 isPressed가 true일 때 그림자 상자를 표시하기 위해 Touchable 구성 요소에 래핑을 시도했지만 하단 양식을 이동할 때 작동하지 않았습니다. </p> <pre class="brush:php;toolbar:false;">기본 함수 내보내기 BottomSheet() { const [isPressed, setIsPressed] = useState(false); const { t } = useTranslation(); const [isOpen, setIsOpen] = useState(false); const BottomSheetModalRef = useRef(null); const snapPoints = ["50%"]; 함수 handlerPresentModal() { BottomSheetModalRef.current?.present(); setTimeout(() => { setIsOpen(true); }, 100); } 반품 ( <> <Button title="현재 모달" onPress={handlePresentModal} /> <BottomSheetModalProvider> <StatusBar style="auto" /> <BottomSheetModal 참조={bottomSheetModalRef} 색인={0} snapPoints={snapPoints} handlerComponent={CustomHandler} onDismiss={() => setIsOpen(false)} > <스페이서 크기={30} /> <BottomSheetScrollView contentContainerStyle={styles.contentContainer}> //여기에 내용이 있습니다 </BottomSheetScrollView> </BottomSheetModal> </BottomSheetModalProvider> {isOpen <ShadowBox />} </> ); } const 스타일 = StyleSheet.create({ 콘텐츠컨테이너: { 패딩수평: 16, 패딩하단: 100, }, });</pre> <p><br /></p>