Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Thumb and steps are not aligned #689

Open
swaggymarie opened this issue Mar 4, 2025 · 0 comments
Open

Thumb and steps are not aligned #689

swaggymarie opened this issue Mar 4, 2025 · 0 comments
Labels
bug report Something isn't working

Comments

@swaggymarie
Copy link

swaggymarie commented Mar 4, 2025

Environment

"react-native": "^0.78.0",
"react": "18.3.1",
"@react-native-community/slider": "^4.5.6"
"expo": "^52.0.37",

on expo web

Description

Slider thumb and steps seem to not have the same padding

Image Image Image
  • I fixed it by translateX of the stepMarker to : ((element.index - element.min) / (element.max - element.min) - 0.5) * 34 but it's not ideal
  • I prefer the way the steps are positioned. It might be the opportunity to look at the padding of the steps inside the slider and add it as a prop ?
@swaggymarie swaggymarie added the bug report Something isn't working label Mar 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug report Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant