React 光滑的轮播项目变得模糊

Posted 2023-02-25

【中文标题】React 光滑的轮播项目变得模糊

【英文标题】：React slick carousel items get blurred

【发布时间】：2021-02-24 05:43:53

【问题描述】：

我有一个旋转木马，里面有一些卡片物品。但是当轮播动画时它会变得模糊。我找不到解决办法。我将 Next.js 与 TypeScript 一起使用。

const ref = useRef<any>();

  const settings = 
    arrows: false,
    variableWidth: true,
    infinite: true,
    draggable: true,
    speed: 2000,
    swipe: true,
    autoplay: true,
    autoplaySpeed: 2000,
    cssEase: 'linear',
  ;

 <Slider ...settings ref=ref>
    isLoading
      ? [...Array(9)].map((x, i) => <ExpertCardPlaceholder key=i />)
      : experts.map(expert => <ExpertCard key=expert.userId expert=expert />)
 </Slider>

【参考方案1】：

您始终可以将 useTransforms 设置为 false

在此处查看参考：

https://github.com/kenwheeler/slick/issues/2531#issuecomment-249303728