callstack / callstack/react-native-slider

Thumb and steps are not aligned

Đang mở
#689 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug report
Ngôn ngữ chính
TypeScript
Star
1.4k
Fork
295
Merge trung bình
5 phút
Pull request đã merge (30 ngày)
1

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Tái hiện slider trên Expo web với các phiên bản React Native Slider được báo cáo và so sánh vị trí của thumb và step-marker được hiển thị trong các hình ảnh của issue. Kiểm tra cách định vị step-marker và hành vi của padding, sau đó xác nhận rằng các marker căn thẳng hàng với thumb mà không cần workaround translateX được báo cáo.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react-native, typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.