callstack / callstack/react-native-pager-view

Multiple WebViews in PagerView

Offen
#519 15 Kommentare 5 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
question
Vorherrschende Sprache
TypeScript
Sterne
3.4k
Forks
476
Ø Merge
10 T. 21 Std.
Gemergte PRs (30 T.)
2

Beschreibung

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!

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere das Verhalten mit dem TypeScript-Beispiel, das PagerView und mehrere WebViews enthält, und untersuche anschließend, wie ihre Gestenverarbeitung auf den betroffenen Plattformen miteinander interagiert. Das Payload nennt keine Quelldateien oder Tests; abgeschlossen ist die Aufgabe, wenn vertikales WebView-Scrollen nicht mehr unbeabsichtigt dazu führt, dass PagerView wischt, und das Verhalten auf den relevanten Plattformen verifiziert wurde.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react-native, typescript
Bereich
mobile
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.