Reduced motion setting on iphone removes animation when scrolling on parralax carousel

[teotorstensson]

As the title suggest, I want to know if there is a way I can implement reduceMotion: ReduceMotion.Never (with react-native-reanimated), on the scrolling animation? I've come to the understanding that many people unknowningly have "reduced motion" enabled on their phones, thereby causing the carousel-scroll-animation not to work. In past updates of react-native-reanimated, the reduced motion settings was ignored and the animations ran anyway, although with the later updates, this is no longer the case sadly. I've solved this on other of my own animations by implementing on all reanimated-animations for example:

animations[index].value = withSpring(displayValue / 10, {
damping: 100,
stiffness: 2000,
mass: 2,
reduceMotion: ReduceMotion.Never, // Se till att animationen alltid körs
});

My question is how can I do this on the carousel with parralax-mode so the scrolling animation always works, even when people have reducedMotion enabled? The code is quite large so I don't seem to find where I can implement this. Thank!

[matt-livekindred]

There is a withAnimation prop on the Carousel:

<Carousel
        loop={false}
        width={carouselContentWidth}
        pagingEnabled
        snapEnabled
        mode="parallax"
        data={...}
        renderItem={renderItem}
        withAnimation={{
          type: 'timing',
          config: {
            reduceMotion: ReduceMotion.Never,
          },
        }}
      />

[jordansoltman]

There is a withAnimation prop on the Carousel:

<Carousel
        loop={false}
        width={carouselContentWidth}
        pagingEnabled
        snapEnabled
        mode="parallax"
        data={...}
        renderItem={renderItem}
        withAnimation={{
          type: 'timing',
          config: {
            reduceMotion: ReduceMotion.Never,
          },
        }}
      />

Incredible.. and this feels like it should be the default for the library... The carousel doesn't function properly without it.

[BrodaNoel]

For those wondering, get the ReduceMotion.Never from import { ReduceMotion } from 'react-native-reanimated';