[iOS] Panning after zooming snaps the view to the top left

[matiasbontempo]

In iOS, when you zoom in a PDF and try to pan the view, it get's snapped to the top left. You can zoom out to unstuck it.

No issues detected in Android.

[wonday]

Yes , in iOS there is the problem. I can not fix this now, there is no IF of react-native to do it in iOS.

[matiasbontempo]

What do you mean by there is no IF of react-native?

[wonday]

I use Flatlist and the IF can only scroll to page left top

[lucasbento]

@wonday: what do you mean? is this an issue in JS or native side?

I'm experiencing the same with "react-native": "0.51.0" and "react-native-pdf": "^3.0.3".

[wonday]

RN js has no IF to control it.

[lucasbento]

@wonday: isn't the problem that _onScaleChanged calls scrollToOffset and makes the contentOffset loses it's reference from when it started zooming so it goes to 0?

[lucasbento]

Perhaps using something like https://github.com/GuoChen-WHU/react-native-pinch-zoom-view can solve this.

[lucasbento]

@wonday: I believe I managed to get zooming in and out working by using react-native-zoomable and a few tweaks: https://gist.github.com/lucasbento/a159137da1c21cb52f06e39929c57707

[MoOx]

In my case, I used a WebView on iOS.

[matiasbontempo]

I also used a WebView for iOS and it worked like a charm. I'm still using this package for Android.

[adderly]

Any updates to this?

[wonday]

untill v3.0.8 no updates about it.

[matiasbontempo]

@adderly the WebView alternative works fine. You can use it until this issue is solved.

[adderly]

@MatiasBontempo I did and it works greatly. I don't know how the caching works with webview ...

[wonday]

thought not perfect, v3.0.11 improve this zoom problem.

[kr0000]

Zoom problem is active on iOS. Zoom doesn't work, only white space on left and right is bigger.

[wonday]

zoom still not smooth, I known it. other problem should be fixed. close it. if still has problem, please create a new one.