Add scrollBehavior prop

[olivier-drieux]

By default, the scroll behavior in the hook is 'smooth' (see use-snap-carousel.tsx:169).

There is a known bug on chromium based browsers with smooth scroll behavior (ex: https://bugs.chromium.org/p/chromium/issues/detail?id=1299237).
I would like to be able to change the scroll behavior when using the useSnapCarousel hook.
I can do a PR if you want to.

[richardscarrott]

Can't say I've run into that issue myself but happy to accept a PR.

I think it'd make most sense to pass it into goTo, next and prev independently as I know a few use cases where you'd want to sometimes animate and other times jump instantly.

Something like this

type SnapCarouselGoToOptions = {
  readonly behavior: ScrollBehavior;
};

// ...

const { scrollRef, prev, next, goTo } = useSnapCarousel();
return (
  <div style={styles.root}>
    <button onClick={() => goTo(0, { behavior: 'auto' })}>start</button>
    <button onClick={() => prev({ behavior: 'auto' })}>prev</button>
    <button onClick={() => next({ behavior: 'auto' })}>next</button>

    <ul style={styles.scroll} ref={scrollRef}>
      {items.map((item, i) =>
        renderItem({
          item,
          isSnapPoint: snapPointIndexes.has(i)
        })
      )}
    </ul>
  </div>
);

[richardscarrott]

Released in 0.4.0, thanks for the contribution @pantajoe 🚀