L'événement React Native Reanimated Carousel ScrollTo ne fonctionne pas

Question

J'utilise le carrousel de résurrection native React. Dans un carrousel, je restitue une image et lorsque je clique sur l'image, elle ne défile pas jusqu'à l'image. Voici le code :

<Carousel
        ref={carouselRef}
                loop
                width={Dimensions.get("window").width}
                height={300 / 2}
                data={carTypes}
                mode="parallax"
                defaultIndex={1}
                
                style={{ alignSelf: "center",justifyContent: "center", alignContent: "center"}}
                scrollAnimationDuration={1000}
                onSnapToItem={(index) => setActiveSlide(index)}
                renderItem={({ item, index }) => (
                    <TouchableOpacity
                    **onPress={() => carouselRef.current.scrollTo(index)}**
                    activeOpacity={0.1}
                        style={{
                            backgroundColor: activeSlide !== index ? carouselActiveSlide(index) : "#3887EF",
                            borderWidth: 1,
                            justifyContent: 'center',
                            transform: [{ rotate: "32deg" }],
                            borderRadius: 32,
                            width: 50
                        }}
                    />

J'ai essayé de tester d'autres événements comme .next() 、 .prev() et ils fonctionnent comme prévu, mais .scrollTo(index) ne fonctionne pas. Pouvez-vous me dire ce qui me manque ?

Answer 1

Si vous regardez attentivement la documentation, vous devez passer un objet avec un index dans scollTo : https://github.com/dohooo/react-native-reanimated-carousel/blob/main/docs/props. md#réf

Comme ça :

scrollTo({index: 1})