`shadowOffset` is reset when an `Animated.View` is animated

Is this a bug report?

Yes.

Have you read the Bugs section of the Contributing to React Native Guide?

Yes.

Environment

iOS, and on snack.expo.io

1. Target Platform (e.g. iOS, Android): iOS
2. Development Operating System (e.g. macOS Sierra, Windows 10): macOS Sierra
3. Build tools (Xcode or Android Studio version, iOS or Android SDK version, if relevant): Xcode, snack.expo.io

Steps to Reproduce

1. Render an Animated.View with a shadow and shadowOffset (eg. {width: 10, height: 10})
2. Animate any transform with an Animated.Value
3. Observe shadowOffset is affected. (shadowOpacity, and shadowRadius are unaffected)

https://snack.expo.io/rkBBhJ3Nb

Expected Behavior

shadowOffset should persist

Actual Behavior

shadowOffset does not persist

Reproducible Demo

https://snack.expo.io/rkBBhJ3Nb

Note: none of the shadow properties are being animated.

A way to fix this is to wrap the styled-shadowed View with an Animated.View and animate that instead.

@janicduplessis any thoughts?

[mikehobi]

Both those workarounds are great. But there’s still a bug

[BFriedrichs]

Another solution to this is wrapping the content of the Animatable into another View and applying the shadowOffset to it. https://github.com/oblador/react-native-animatable/issues/133