Comments (7)
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!
from react-native-multi-slider.
Since you didnt provide a repository I will close this, if you provide one I will happily help you out fixing this.
from react-native-multi-slider.
@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 :)
from react-native-multi-slider.
I've added a section to the README https://github.com/ptomasroos/react-native-multi-slider
from react-native-multi-slider.
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.
from react-native-multi-slider.
@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.
from react-native-multi-slider.
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.
from react-native-multi-slider.
Related Issues (20)
- Markers HOT 4
- Image disappears when the value changes
- Discrete Behavior Of Slider.
- When use slider in view with rotation the behaviour is different
- How to turn this slider into a single value slider? HOT 3
- Slider is not smooth HOT 4
- Publish actual version HOT 2
- Not correct position of step markes and labels HOT 3
- Fix vulnerabilities
- Component does not accept testID HOT 4
- [Feature request] Add prop to customize third track color HOT 1
- Build failed : Unsupported class file major version 62
- Sometimes it's hard to slide the markers. Getting freeze on slide.
- missing props HOT 2
- CustomLeftMarker & CustomRightMarker not working HOT 1
- onValuesChangeFinish() makes slider to stop after one date HOT 2
- Markers don't move in one direction when overlapping HOT 2
- max value HOT 2
- Get NaN on minimum value
- Project still maintained?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-multi-slider.