callstack / callstack/react-native-pager-view

If the content of the page is react native webview, the vertical scroll is lagging on android.

Offen
#633 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
other-lib
Vorherrschende Sprache
TypeScript
Sterne
3.4k
Forks
476
Ø Merge
10 T. 21 Std.
Gemergte PRs (30 T.)
2

Beschreibung

## Environment

| package | version |
| -------------------------------------- | ------- |
| react-native-webview |11.23.0
| react-native-pager-view |5.4.24
| react-native |0.69.6

## Description

When a react native webview is added to a page, the vertical scroll on android is lagging or instead of scrolling vertically, it will activate a horizontal scroll.

https://user-images.githubusercontent.com/15161568/199974619-70022b39-856a-4e64-9cfc-abcf98d1ffd7.mov

## Reproducible Demo

https://snack.expo.dev/@verunar/webview-in-pagerview-not-scrolling

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Führe zunächst die verlinkte reproduzierbare Expo Snack-Demo mit den aufgeführten Versionen von React Native, react-native-webview und react-native-pager-view unter Android aus. Reproduziere die verzögerte vertikale Geste und das unbeabsichtigte horizontale Paging, wenn sich ein WebView innerhalb des Pagers befindet. Als abgeschlossen gilt die Aufgabe, wenn das vertikale Scrollen im WebView reaktionsschnell ist und kein horizontales Paging aktiviert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
android, react-native
Bereich
mobile
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

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