Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Switching images in Image.PreviewGroup by swipes

オープン
#430 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
react, typescript
領域
frontend

調査の方向性

Image.PreviewGroup のプレビューモーダルから開始し、既存のキーボードの矢印キーによるナビゲーションを見つけます。内部で左右への水平スワイプによるナビゲーションを実装し、その後、既存のキーボードナビゲーションを維持したまま、タッチユーザーが画像間を移動できることを確認します。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語
TypeScript
スター
213
フォーク
124
平均マージ
47分
マージ済み PR(30日)
1

環境構築

このプロジェクトの環境構築ファイルはまだ確認していません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

react-component/image のほかの issue

react-component/image の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。