callstack / callstack/react-native-pager-view
Conflicts when nesting PagerView inside of Material Top/Bottom Tab navigator
- 主要言語
- 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