wind_kind
Reputation: 611
Share animation values with child components - React reanimated 2
I have a snack here where I want to take the scroll Y value and pass it to an animated view inside a sibling component and have that view animate as I scroll, for this example I just want to animate the height. Smaller when scrolling down, larger when scrolling up (doesn't matter). The snack currently passes it as state which I know is incorrect but I'm not sure how else I would achieve this.
How I can animate the component the correct way?
Upvotes: 0
Views: 2996
Answers (1)
Related Questions
- Reanimated 2 reusable animation in custom hook
- framer-motion: How do you share different animations between parent and child components?
- Reanimated 2: Updating a state causes animation in animatedProps to reset despite not changing the shared value
- How to update shared value after async operation?
- React native reanimated - change animation params with props
- react native reanimated animation works on once
- React Native: how to set different state values from multiple identical child components
- React-Native Parallel animation for parent and child components
- How to deal with React Native animated.timing in same child components
- Reusable animation for multiple React-Native components