Я использую реаги-пятно Я хочу показать один слайд на экране, но два других перетекут за пределы экрана:
Я добился этого, установив ширину контейнера в 3 раза больше ширины слайда, а затем сказав противодействующее пятно, чтобы показывать 3 слайда одновременно, но затем реагирующее пятно вообще не отображает точки навигации (я предполагаю,это потому, что вам не нужны точки, если все на экране).Есть ли способ сделать это с обычными настройками?В противном случае, я думаю, что я буду использовать API для создания своих собственных точек.
Вот мои настройки реагирования:
const sliderSettings = {
dots: true,
infinite: true,
speed: 500,
slidesToScroll: 1,
initialSlide: 1,
focusOnSelect: true,
slidesToShow: 3,
appendDots: dots => (
<div>
<ul>
{' '}
{dots}
{' '}
</ul>
</div>
),
customPaging: i => (
<Image
src={sanityImage(customDots[i].asset).url()}
alt={customDots[i].alt}
/>
),
};