Slider laggy with react-native-navigation

[ptomasroos]

Slider laggy with react-native-navigation

[qubitron]

I figured out the problem, it was because I was hosting the MultiSlider inside of a stateless component that was being defined inside of the render function. The stateless component was being re-defined on every render call, which was causing the MultiSlider to stop panning on each render. Sorry for the false alarm!

[ptomasroos]

Since you didnt provide a repository I will close this, if you provide one I will happily help you out fixing this.

[solonifer]

@ptomasroos thank you for reply.

I would like to give you another example, simple to reproduce:

import MultiSlider  from '@ptomasroos/react-native-multi-slider';

<ScrollView>
  <MultiSlider />
</ScrollView>

What happen is when you touch slider and start sliding and without releasing a finger pulling down - ScrollView scrolls down. What I think should happen is that MultiSlider should cancel ScrollView scrolling until you finish your gesture on MultiSlider and release finder.

Hope I was clear enough :)

[ptomasroos]

I've added a section to the README https://github.com/ptomasroos/react-native-multi-slider

[qubitron]

I'm still having issues with ScrollViewer with the solution in the readme: it just doesn't move at all. Without the readme solution it is laggy as @solonifer originally reported. When I move the slider outside of the scrollviewer it works fine.

[ptomasroos]

@qubitron we use this only within scrollview's are you sure you've implemented the disabling of scrolling in the ScrollView correctly? Or can you post a expo.io example for me to see this in order to help you out. Without a reproducible example its impossible to imagine for me.

[uday8373]

HI, I am facing the same issue with react-native-navigation when i am not using the sidemenu it is okay but inside sidemenu component the slider is not moving it is sticking.