resize and align props don't work when used with "move" animation, on iOS
See original GitHub issuethe resize
property isn’t working when using this from react-navigation-shared-element. I am running the most recent versions.
I have been trying to run the Example locally but running into all kinds of yalc issues.
Via some debugging/breakpoints I can tell that resize is definitely coming through into the shared element, but it doesn’t appear to be respected (on iOS).
Issue Analytics
- State:
- Created 4 years ago
- Comments:12 (5 by maintainers)
Top Results From Across the Web
React-native-reanimated animation not working on ios ...
I have an observation from my own code which may or may not be applicable here. This observation is only true if both...
Read more >Animations
Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving.
Read more >resize - CSS: Cascading Style Sheets - MDN Web Docs - Mozilla
The resize CSS property sets whether an element is resizable, ... resize does not apply to the following: ... Animation type, discrete ...
Read more >Motion components | Framer for Developers
div , motion.circle etc. These work exactly like their static counterparts, but offer props that allow you to: Animate via a simple prop....
Read more >How to make your React Native app respond gracefully ...
I found that the keyboard avoiding view doesn't quite work with the last ... You'll be using the Animated library to help give...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Well preferably I would like the code to have as little possible “edge” cases and just work where possible (even when the effect doesn’t necessarily makes sense). So yes, this can be considered a “quirk”. You may leave this issue open and I will close it when it is implemented on ios
Hi @tberman ! I’m Aleks and I’m here to help out a little bit with maintenance.
I realize it’s been a while since this issue was updated, but I would love to make sure the problem you faced has been addressed. Since you opened your issue the example app has changed. I did a screen recording of some move and scale animations in the example app. Please let me know if that’s the behavior you were looking for, or if there’s still work to be done. The screen recording was done on an iPhone simulator.
https://user-images.githubusercontent.com/4152181/174501978-6b123fca-f52b-4969-a21a-e3009d8a6116.mov