Das React Native Reanimated Carousel ScrollTo-Ereignis funktioniert nicht

Question

Ich verwende React Native Resurrection Carousel. In einem Karussell rendere ich ein Bild und wenn ich auf das Bild klicke, scrollt es nicht zum Bild. Hier ist der 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
                        }}
                    />

Ich habe versucht, andere Ereignisse wie .next() 、 .prev() zu testen, und sie funktionieren wie erwartet, aber .scrollTo(index) funktioniert nicht. Können Sie mir sagen, was mir fehlt?

Answer 1

如果您仔细查看文档，您必须在 scollTo 中传递一个带有索引的对象：https://github.com/dohooo/react-native-reanimated-carousel/blob/main/docs/props。 md#ref

像这样：

scrollTo({index: 1})