Comments (3)
Pass only one value to the values array
e.g.
two values slider: values = {[3,5]}
one value slider: values = {[5]}
cf. examples folder
from react-native-multi-slider.
Is it just only me or there is a bug in this?
when I try to do this:
<MultiSlider
values={[1,10]}
sliderLength={slidersWidth}
onValuesChange={(value) => { setData((ps => ({ ...ps, value: [...value] }))) }}
min={1}
max={10}
step={1}
value={data?.value || info.default}
allowOverlap={false}
snapped
markerStyle={{ height: 30, width: 30, borderRadius: 20 }}
trackStyle={{ height: 4, borderRadius: 5 }}
selectedStyle={{ backgroundColor: '#242424' }}
unselectedStyle={{ backgroundColor: 'silver' }}
touchDimensions={{ height: 40, width: 40, borderRadius: 20, slipDisplacement: 40 }}
/>
Am never able to select the 10. I guess because somewhat the other marker is still there…
from react-native-multi-slider.
Am never able to select the 10. I guess because somewhat the other marker is still there…
I had the same problem! but I solved it with: allowOverlap={true}
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
- 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.