callstack / callstack/react-native-pager-view

Multiple WebViews in PagerView

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

説明

I am trying to display multiple webviews (with vertical scroll in them) using PagerView.

The issue that I am having is that when I scroll the web page in WebView, for some reason PagerView also handles the tap-and-drag gesture and sometimes may swipe the page. This is not the desired behavior and I am wondering how can it be avoided?

Here's the working example:

```ts
import { Dimensions, View } from 'react-native';
import PagerView from 'react-native-pager-view';
import WebView from 'react-native-webview';

const { width, height } = Dimensions.get('window');

export default function App() {
return (
















);
}
```

https://user-images.githubusercontent.com/873278/154859909-3cfe0e92-136a-49c6-80ce-8f3ebf03dbe7.mov

Thanks for any help!

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

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

調査の方向性

PagerView と複数の WebViews を含む TypeScript の例で動作を再現し、その後、影響を受けるプラットフォーム上でそれらのジェスチャー処理がどのように相互作用するかを調査します。payload にはソースファイルやテストの名前がありません。完了の条件は、WebView の垂直スクロールによって PagerView が意図せずスワイプされなくなり、関連するプラットフォーム全体で動作が検証されていることです。

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

評価

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

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

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