callstack / callstack/react-native-pager-view

Multiple WebViews in PagerView

Aperta
#519 15 commenti 5 reazioni 0 assegnatari Vedi su GitHub
question
Lingua principale
TypeScript
Stelle
3.4k
Fork
476
Merge medio
10g 21h
PR unite (30g)
2

Descrizione

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!

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Riproduci il comportamento con l'esempio TypeScript contenente PagerView e più WebViews, quindi esamina come la loro gestione dei gesti interagisce sulle piattaforme interessate. Il payload non indica file sorgente né test; il lavoro è completato quando lo scorrimento verticale di WebView non fa più scorrere involontariamente PagerView e il comportamento è stato verificato sulle piattaforme pertinenti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react-native, typescript
Ambito
mobile
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.