Inspiration

Hey, I always wanted to see a nice modern version of the moti animateheight post. Something like animate height to 'auto' on the web. The usecase is to have UI-elements to be expanded to full height once they are available in a fitting speed and from top to bottom. It's a nice animation because the content around doesn't shift in one step but is rather pushed out and the user doesnt lose the overview from where the currently scrolled when a wrapped component is rendered this way. https://gist.github.com/nandorojo/8fd2b0f5bd5e75073dcce5a17a6346e4 https://user-images.githubusercontent.com/5117473/282128333-8b4b20fa-d332-4264-b89c-6436cd17f63b.gif I found it to be very nice to have elements that a) load asynchronously and then expand to full height and/or b) have a fixed height by props (eg height = 0 or like 50 with loadingspinner or initial info). c) I like to the component to be a wrapper with according props and children so you can use it programatically. d) There should be no render of the full height initially(with the new architecture you can get height info ahead of first render ?).

Hey! I love your videos and how you talk about React Native I discovered you by a friend and just noticed about this inspo posts haha, I tried to recreate this by my own: https://www.youtube.com/watch?v=-ZXedIjj4H8&ab_channel=Reactiive I started facing a lot of issues with JS thread on iOS is pretty stable but Android performance sucks, how would you implement it, with gesture-handler maybe? Here's my repo also: https://github.com/unaisdev/PlayingWithReanimated Thanks a lot!

https://dribbble.com/shots/10849485--Smart-Home-App

https://dribbble.com/shots/15057600-Wallpapers-App-Interactions

https://pinterest.com/pin/293578469477538055/

https://ro.pinterest.com/pin/4785143350256552/ Live stream: https://www.youtube.com/watch?v=YywbdOXJEtg

https://pinterest.com/pin/13862711348681709/