React Native에서 gorhom 하단 형태의 그림자를 표시합니다.

Question

저는 gorhom/react-native-bottom-sheet 라이브러리를 사용하고 있습니다. 사용자가 하단 폼을 위아래로 슬라이드할 때 섀도우 박스를 표시하고 싶습니다. 이것을 달성하는 방법은 무엇입니까? 가능합니까? 현재 isOpen일 때 표시되도록 설정했지만 스와이프할 때 표시하고 싶습니다. 또한 isPressed가 true일 때 그림자 상자를 표시하기 위해 Touchable 구성 요소에 래핑을 시도했지만 하단 양식을 이동할 때 작동하지 않았습니다.

기본 함수 내보내기 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,
    },
});

Answer 1

네, 가능합니다. 모든 구성 요소에 그림자 효과를 추가하려면 이 라이브러리를 사용해야 합니다.

도서관 링크를 클릭하세요

도움이 필요하시면 알려주세요!