callstack / callstack/react-native-slider

Thumb and steps are not aligned

未关闭
#689 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug report
主要语言
TypeScript
星标
1.4k
派生
295
平均合并
5 分钟
30 天内合并 PR
1

描述

## 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 ?

贡献指南

打开贡献指南

调研方向

在 Expo web 上使用报告的 React Native Slider 版本复现 slider,并比较 issue 图片中显示的 thumb 和 step-marker 位置。检查 step-marker 的定位和 padding 行为,然后确认 marker 无需报告中的 translateX workaround 即可与 thumb 对齐。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript
领域
frontend
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。