Как мне центрировать слайды в чистой реакционной карусели

Question

Есть ли свойство, которое я могу установить в чисто реагирующей карусели, чтобы слайды выглядели "по центру". Я пытался найти вариант для этого, и нет ни одного.

Возможно, мы сможем создать новую опору, например centered="true", чтобы эта функция появилась?

Answer 1

Центрирование слайда - это иллюзия, настроенная с помощью CSS. В карусели чистого реагирования этого свойства нет, потому что это можно сделать просто с помощью CSS.

. Это достигается путем добавления левого и правого отступа к классу .carousel__slider для горизонтальных ползунков или сверху и снизу. прокладка для вертикальных каруселей.

Вы можете проверить эту рабочую демонстрацию, чтобы увидеть, как это делается.

https://codesandbox.io/s/pure-react-carousel-center-the-slides-xxe6l