¿Quiero establecer el índice de la diapositiva activa del deslizador en la posición central? Como puede ver en la imagen, el índice activo está configurado en 0, quiero que sea el número 3, es decir, medio y debe permanecer medio
<Swiper grabCursor={true} spaceBetween={10} modules={[Navigation, Thumbs]} slidesPerView={7} // activeSlideKey={3} slideActiveClass={styles.activeSlider} > {options.map((option) => () => <SwiperSlide key={option}>{option}</SwiperSlide>)} </Swiper>activeSlideKey es solo para referencia. No funciona.
Muy simple.
Utilice el parámetro API initialSlide (0 == primera diapositiva, 1 == segunda diapositiva, etc.) - Número de índice de la diapositiva inicial . https://swiperjs.com/swiper-api#param-initialSlide
<Swiper initialSlide="3" navigation={true} modules={[Navigation]} className="mySwiper" > Combine si lo desea con centeredSlides ={true} & loop={true} .
Demostración centrada: https://swiperjs.com/demos#centered
<Swiper centeredSlides ={true} > ... </Swiper>