callstack / callstack/react-native-slider
Thumb and steps are not aligned
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.4k
- Forks
- 295
- Ø Merge
- 5 Min.
- Gemergte PRs (30 T.)
- 1
Beschreibung
## 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 ?
Beitragsleitfaden
Rechercherichtung
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.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react-native, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100