react-native-reanimated icon indicating copy to clipboard operation
react-native-reanimated copied to clipboard

Published 20 hours ago • verified publisher icon software-mansion

Layout transitions don't animate shadows on iOS

Open lcarrettin opened this issue 1 year ago • 2 comments

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

lcarrettin avatar Jan 04 '24 18:01 lcarrettin

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

piaskowyk avatar Jan 17 '24 11:01 piaskowyk

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

arnolicious avatar Jan 23 '24 09:01 arnolicious

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

andrecrimb avatar Jul 19 '24 11:07 andrecrimb