Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Switching images in Image.PreviewGroup by swipes

Aperta
#430 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
45/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia dal modal di anteprima di Image.PreviewGroup e individua la navigazione esistente tramite i tasti freccia della tastiera. Implementa internamente la navigazione orizzontale tramite scorrimento verso sinistra/destra, quindi verifica che gli utenti touch possano spostarsi tra le immagini mentre la navigazione da tastiera esistente continua a funzionare.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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.

Lingua principale
TypeScript
Stelle
213
Fork
124
Merge medio
47m
PR unite (30g)
1

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di react-component/image

Tutte le issue di react-component/image

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.