Afficher l'ombre du formulaire inférieur de gorhom dans React Native.

Question

J'utilise la bibliothèque gorhom/react-native-bottom-sheet. Je souhaite afficher la zone d'ombre lorsque l'utilisateur fait glisser le formulaire inférieur vers le haut ou vers le bas. Comment y parvenir ? Est-il possible? Actuellement, je l'ai configuré pour afficher quand isOpen, mais je veux qu'il s'affiche lors du balayage. J'ai également essayé de l'envelopper dans un composant Touchable pour afficher la zone d'ombre lorsque isPressed est vrai, mais cela n'a pas fonctionné lors du déplacement du formulaire inférieur.

exporter la fonction par défaut BottomSheet() {
        const [isPressed, setIsPressed] = useState(false);
        const {t} = useTranslation();
        const [isOpen, setIsOpen] = useState(false);

    const bottomSheetModalRef = useRef(null);

    const snapPoints = ["50%"];

    fonction handlePresentModal() {
        bottomSheetModalRef.current?.present();
        setTimeout(() => {
            setIsOpen(true);
        }, 100);
    }
    retour (
        ≪>
            
            
                
                 setIsOpen(false)}
                >
                    
                    
                   //Contenu ici
                    
                
            
            {isOpen &&}
        ≪/>
    );
}

const styles = StyleSheet.create({
    contenuConteneur : {
        rembourrageHorizontal: 16,
        rembourrageBas: 100,
    },
});

            

Answer 1

Oui, c'est possible. Vous devez utiliser cette bibliothèque pour ajouter un effet d'ombre à n'importe quel composant.

Cliquez sur ce lien pour la bibliothèque

Si vous avez besoin d'aide, n'hésitez pas à me le faire savoir !