callstack / callstack/react-native-pager-view
Multiple WebViews in PagerView
- 主要言語
- 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