You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm trying to implement a pdf document viewer on a mobile app that is currently using Ionic with react.
In order to accomplish this I'm using the package react-pdf to render the pdf pages together with react-virtuoso, virtualizing the pages we show as the user scrolls.
In order to allow the user to pinch and zoom the entire document, I'm using @react-spring/web together with @use-gesture/react, although this creates issues on Virtuoso as I'm using scaling in order to zoom in the document.
I believe this is messing up the calculations of when to render more pages as we scroll down, making it feel glitchy.
Is there a way to avoid this issue? or to tell Virtuoso the new height of the elements when we zoom them through scaling?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hello,
I'm trying to implement a pdf document viewer on a mobile app that is currently using Ionic with react.
In order to accomplish this I'm using the package
react-pdf
to render the pdf pages together withreact-virtuoso
, virtualizing the pages we show as the user scrolls.In order to allow the user to pinch and zoom the entire document, I'm using
@react-spring/web
together with@use-gesture/react
, although this creates issues on Virtuoso as I'm using scaling in order to zoom in the document.I believe this is messing up the calculations of when to render more pages as we scroll down, making it feel glitchy.
Is there a way to avoid this issue? or to tell Virtuoso the new height of the elements when we zoom them through scaling?
Thanks in advance!
Pedro Rodrigues
Beta Was this translation helpful? Give feedback.
All reactions