callstack / callstack/react-native-pager-view

Conflicts when nesting PagerView inside of Material Top/Bottom Tab navigator

オープン
#745 コメント 9 件 リアクション 9 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
3.4k
フォーク
476
平均マージ
10日 21時間
マージ済み PR(30日)
2

説明

## Environment

- Using Expo Router V2
- Using React Navigation Material Top Tabs

## Description

I have a vertical view pager nested inside of a material top tab screen. The vertical view pager works perfectly fine, however, I am no longer able to swipe horizontally across screens.

The nested ViewPager within the screen seems to hog all the swipe events and prevents me from swiping horizontally between screens of my navigator, which I believe is built on top of react-native-pager-view as well.

Ideally, the screen would register vertical swiping for my nested ViewPager and horizontal swiping for my navigator. Is there some way to allow my nested ViewPager to register just vertical swipes and pass through horizontal swipes to the parent?

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、Expo Router V2 を使用して React Navigation Material Top Tabs 内のネストされた垂直 ViewPager を再現します。ネストされた pager のジェスチャーがどのように処理されるかを調査し、垂直スワイプは子に残り、水平スワイプは親 navigator に到達することを確認します。完了条件は、両方向がリグレッションなしで機能することです。

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

評価

技術スタック
react-native, typescript
領域
mobile-dev
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
35/100

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

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