Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image resize problem #21

Closed
diegodls opened this issue Mar 28, 2020 · 7 comments
Closed

Image resize problem #21

diegodls opened this issue Mar 28, 2020 · 7 comments
Labels
question Further information is requested

Comments

@diegodls
Copy link

Hi guys, what's up?
So, i have using it to get a gorgeous transition effect, and it's a nice module, but i have this problem when i tried to reduce a image to fit in a
The first component is a MainScreen.js whit a list where my image is, the when i click in that component, my image should reduce a bit and fit into a rounded element in Details.js, but the image glitch before resize, but when i expand my image again in FullScreen.js, i have no problem at all, only when i try to fit a image in a element.
It's a problem with my code, react native rendering or the module?
Thanks for your time making this awesome module, and for helping.

Code:
https://github.com/diegodls/deputados_api_react_native/tree/master/src/screens

Exemple:
ezgif com-video-to-gif (1)

@IjzerenHein
Copy link
Owner

Hi! 👋 In order for image transitions to work perfectly, you need to restructure your code so that <Image> is a direct child of <SharedElement>.

@IjzerenHein IjzerenHein added the question Further information is requested label Mar 29, 2020
@diegodls
Copy link
Author

Humm, i get it, i tried so many ways to find a workaround to this problem and is that simple. I already tried this form, making a <Image> child of <SharedElement>, but, some proprieties/styles was breaking the effect, now it's working perfectly.
Thanks again for your answer/helping.

@IjzerenHein
Copy link
Owner

Glad it worked!

@TheGreatFellow
Copy link

TheGreatFellow commented Jun 7, 2021

but, some proprieties/styles was breaking the effect, now it's working perfectly.

@diegodls I'm facing the same issue and I've tried many things, but nothing seems to work
Can you specify which of the proprieties and styles was causing this?

@andresribeiro
Copy link

@TheGreatFellow did you got it? i'm having the same problem :/

@TheRafaelFarias
Copy link

Facing the same issue, on both screens the <Image /> is a direct child of <SharedElement />

@paul12p-pichincha
Copy link

any update?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

6 participants