Acara React Native Reanimated Carousel ScrollTo tidak berfungsi

Question

Saya menggunakan karusel kebangkitan asli bertindak balas. Dalam karusel saya memaparkan imej dan apabila saya mengklik pada imej ia tidak menatal ke imej. Ini kodnya:

<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
                        }}
                    />

Saya cuba menguji acara lain seperti .next() 、 .prev() dan ia berfungsi seperti yang diharapkan, tetapi .scrollTo(index) tidak berfungsi. Bolehkah anda memberitahu saya apa yang saya hilang?

Answer 1

Jika anda melihat dengan teliti pada dokumentasi, anda perlu lulus objek dengan indeks dalam scollTo: https://github.com/dohooo/react-native-reanimated-carousel/blob/main/docs/props. md#ref

Seperti ini:

scrollTo({index: 1})