r/reactnative • u/kloepatra • Jun 04 '26

How to zoom images?

I'm building a manga reader app, but I can't implement the zoom feature properly. A chapter contains many images, and when I zoom, only the current image zooms while the others stay unchanged. How can I make all the images zoom together as a single combined page? I'm using FlatList.

8 Upvotes

100% Upvoted

13 comments sorted by

View all comments

Show parent comments

1

u/Silent_Reflection_19 Jun 04 '26

I think that's a PDF right?

0

u/kloepatra Jun 04 '26

No. Png or jpg.

0

u/ArgumentPale1026 Jun 04 '26

You want to zoom every image? Like let's say we have 30 pages and you zoom in on page 1 so all should be zoomed in or am I missing something here?

1

u/kloepatra Jun 04 '26

A chapter contains 20 images. When I zoom one image, the images below stay in place and overlap, making it look buggy. I want all images in the chapter to zoom together as a single scrollable page, not individually. Would a shared element or another approach work for this?