callstack / callstack/react-native-slider

Thumb and steps are not aligned

Offen
#689 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
bug report
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

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 ?

Beitragsleitfaden

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.