How to create a zoomable view (image zoom/pan) in React Native

Подписаться 3,4 тыс.

Просмотров 33 тыс.

50% 1

In this video I want to show how to enable zooming and moving for an image inside a Modal.
I'm also going to give a recommendation for third party package library that can do all of that for you. I wasn't able to find it right away so started implementing everything for scratch and there was a bunch of things to consider so I saved a lot of time using the library.
github.com/DuD...
Sorry for the vacuum and noisy keyboard in this video.

Опубликовано:

25 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 22

@justinds18 4 года назад

Hey, i'm having problems with WARN Animated: `useNativeDriver` was not specified. This is a required option and must be explicitly set to `true` or `false` Is this something to do with my version of react?

@jonasgroendahl 4 года назад

I believe in the newer versions of React Native, this warning will appear if you didn't specify this property when setting up an animation. I will usually just put this to true. :)

@whick5114 3 года назад

I just removed that line, it works like that for me too.

@mnabilarta 2 года назад

This is gold thank you!

@ezhilarasansubbarayan7231 3 года назад

Hi Am getting below error. undefined is not an object (evaluating '_reactNative.items[dialog]') can you please help me to overcome this error?

@hanishbasheer 2 года назад

Not working in android

@manueltaveras3546 4 года назад

Thank you very much for taking the time to making a video on react native, can you talk a little bit about reanimated is it worth it?

@jonasgroendahl 4 года назад

Reanimated also comes with react navigation so it's hard to avoid it， I'd say it has some neat utility functions for more complicated animations 🙂

@furkannarin2844 3 года назад

the package he used in the video is actually made by same people created the reanimated

@meikbolender1194 4 года назад

Hi great Video, but could you continue with finish the zoomable image component maybe and share it in an video?

@meikbolender1194 4 года назад

Or could you provide a solution how i can save the translationX value, so it doesnt jumps back

@jonasgroendahl 4 года назад

@@meikbolender1194 Hey Meik, I'll consider it in an upcoming video but if you want solution right now, have a look here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FZnhzkXOT0c.html (it can be a little difficult to follow)