callstack / callstack/react-native-slider
Thumb and steps are not aligned
- Dominant language
- TypeScript
- Stars
- 1.4k
- Forks
- 295
- Avg merge
- 5m
- Merged PRs (30d)
- 1
Description
## 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
- 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 ?
Contributor guide
Research direction
Reproduce the slider on Expo web with the reported React Native Slider versions and compare the thumb and step-marker positions shown in the issue images. Inspect the step-marker positioning and padding behavior, then confirm the markers align with the thumb without requiring the reported translateX workaround.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100