Switching images in Image.PreviewGroup by swipes
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 45/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Bắt đầu tại modal xem trước của Image.PreviewGroup và xác định cơ chế điều hướng hiện có bằng các phím mũi tên trên bàn phím. Triển khai điều hướng vuốt ngang sang trái/phải ở bên trong, sau đó xác minh rằng người dùng cảm ứng có thể di chuyển giữa các hình ảnh trong khi cơ chế điều hướng bằng bàn phím hiện có vẫn hoạt động nguyên vẹn.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
What problem does this feature solve?
Currently, Image.PreviewGroup supports keyboard arrow keys to navigate between images in the preview modal, which is great for desktop users.
However, on mobile devices, it would be very helpful to support horizontal swipe gestures (left/right) in the preview modal to move to previous/next image.
This will provide provide a more intuitive experience for users of touchscreen devices.
What does the proposed API look like?
No changes to the public API are strictly required.
The swipe gesture support could be implemented internally and enabled by default.
If needed, a prop like enableSwipes?: boolean could be introduced to optionally enable/disable swipe navigation.
Notes
See also https://github.com/ant-design/ant-design/issues/54158.
- Ngôn ngữ chính
- TypeScript
- Star
- 211
- Fork
- 124
- Merge trung bình
- 47 phút
- Pull request đã merge (30 ngày)
- 1
Chuẩn bị môi trường
Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của react-component/image
-
使用 iframe 去访问一个使用了当前组件的页面，页面会报错Đang mở
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 45/100
react-component/image#482 ·
-
页码在点击别的地方重新渲染image组件以后，会错乱Đang mở
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 35/100
react-component/image#375 ·
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 25/100
react-component/image#374 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 42/100
react-component/image#372 · 1 bình luận ·
-
preview能否增加placeholder参数Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 45/100
react-component/image#368 ·
Tất cả issue của react-component/image
Issue tương tự
-
area/core status/need-triage
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100
google-gemini/gemini-cli#29602 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
area: backend enhancement priority: low
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100
snapotter-hq/SnapOtter#1879 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 86/100
Tencent/BrowserSkill#390 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
good first issue status: needs triaging type: bug version: 2.0
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 85/100
medusajs/medusa#17094 · 2 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 86/100
Maintainer thường phản hồi trong vòng 1 ngày