Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Thumb and steps are not aligned

未关闭
#689 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

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

调研方向

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

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

描述

bug report

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 ?
主要语言
TypeScript
星标
1.4k
派生
295
PR 合并指标
30 天内没有已合并 PR

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

callstack/react-native-slider 的其他 Issue

查看 callstack/react-native-slider 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

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