How to pass props to children components

[reichhartd]

My question is which ways exist, to give animated values to child components.

What I've found so far is that the preferred way is to pass the shared value ShareValue<TValue> from useSharedValue or useDerivedValue.

But we have a few use cases where the animated styles differ a lot, and instead of passing many different props, a more better way would be to pass a value with the animated styles AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>. This is sometimes possible, sometimes it isn't, as the following expo snacks show:

• Working example
• Not working example

I'd like to collect all the possibilities in this discussion, understand the reasons why, and then put this in the documentation accordingly so it's clearer for future developers.