Comments (6)
Both marginTop: 10
and top: 10
caused sliders to be cut off on Android. Found that setting the prop markerOffsetY={10}
solves this.
from react-native-multi-slider.
I use marginTop
in markerStyle in my project, it looks good
from react-native-multi-slider.
By the moment making a custom maker and giving "top: 10" (change 10 for whatever that fit you) can be another solution.
from react-native-multi-slider.
This looks like the track start on the center of the maker and goes down... A way to solve this is having a view with the same background color of the track to cover that empty area...
from react-native-multi-slider.
Hopefully we can solve this easier when the new view engine is working on android and doesn't need to absolute position this.
from react-native-multi-slider.
Right, this is because Android has not been supporting overflow, but this seems to be coming in RN 0.57 so hopefully that will allow us to make the rendering easier
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.