callstack / callstack/react-native-slider

Thumb and steps are not aligned

Ouverte
#689 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
bug report
Langage dominant
TypeScript
Étoiles
1.4k
Forks
295
Merge moyen
5 min
PR mergées (30 j)
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

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 ?

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react-native, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.