search

software-mansion / react-native-reanimated

React Native's Animated library reimplemented
https://docs.swmansion.com/react-native-reanimated/
MIT License
8.82k stars 1.29k forks source link

Layout transitions don't animate shadows on iOS #5556

Open lcarrettin opened 8 months ago

lcarrettin commented 8 months ago

Description

When using Layout transitions to animate size changes of a View with a shadow, only the background gets animated, while the shadow keeps the previous size.

https://github.com/software-mansion/react-native-reanimated/assets/52881070/d65b306c-f0fb-419f-9251-82ae5cd8e04f

Steps to reproduce

  1. Run the snack provided below on iOS.
  2. Press the "Change size" button a couple of times.

Snack or a link to a repository

https://snack.expo.dev/@luca71/shadow-issue

Reanimated version

3.3.0-3.6.1

React Native version

0.73.1

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native

Architecture

Paper (Old Architecture)

Build type

Debug app & dev bundle

Device

iOS simulator

Device model

No response

Acknowledgements

Yes

piaskowyk commented 7 months ago

With current implementation during layout transition you can only animate position and size of component :/

arnolicious commented 7 months ago

Only happens on iOS though, Android works fine. Would really be great if that was made possible on iOS aswell

andrecrimb commented 1 month ago

Facing the same issue. Were anyone able to find a way around?