callstack
If the content of the page is react native webview, the vertical scroll is lagging on android.
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
We faced the same issue. Added a workaround which reduces swipe sensitivity on the ViewPager when there is a webview as a child: https://gist.github.com/AlShevelev/ea43096e8f66b0ec45a0ec0dd1e8cacc. It is not ideal solution, so probably we will switch to Flatlist in long term.
We faced the same issue. Added a workaround which reduces swipe sensitivity on the ViewPager when there is a webview as a child: https://gist.github.com/AlShevelev/ea43096e8f66b0ec45a0ec0dd1e8cacc. It is not ideal solution, so probably we will switch to Flatlist in long term.
Can you give me your example reduce sensitivity with react native?
We patched the library using https://github.com/callstack/react-native-pager-view/issues/164#issuecomment-965032619