React Native Animations
Animated API, Reanimated 2/3, Gesture Handler, layout animations, performance
1Which object should be used to create an animatable value with React Native's Animated API?
Which object should be used to create an animatable value with React Native's Animated API?
답변
Animated.Value is the fundamental object for creating animatable values in React Native. It encapsulates a numeric value that can be smoothly changed over time. This value can then be linked to style properties like opacity, transform or width to create visual animations.
2Which animation method allows creating a smooth transition with configurable duration and easing?
Which animation method allows creating a smooth transition with configurable duration and easing?
답변
Animated.timing is the most common method for creating time-based animations. It allows defining a duration, an easing function (acceleration/deceleration), and optionally a delay. This method provides precise control over the animation progression from start to finish.
3Which method allows running multiple animations simultaneously with the Animated API?
Which method allows running multiple animations simultaneously with the Animated API?
답변
Animated.parallel runs an array of animations in parallel, starting them all simultaneously. This method is ideal for synchronizing multiple animated properties, like moving and fading in an element at the same time. By default, it stops if any animation fails, a behavior configurable via stopTogether.
Which method allows chaining animations one after another in sequential order?
Which animation method creates a realistic bouncy physics effect without a fixed duration?
+19 면접 질문