You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/docs-reanimated/docs/layout-animations/layout-transitions.mdx
+5-4Lines changed: 5 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ sidebar_position: 3
4
4
5
5
# Layout transitions
6
6
7
-
Layout transition allows you to animate changes in the layout of elements.
7
+
Providing a layout transition into an UI element alters each layout change into a smooth transition. A layout change may consist of both changes of size and position and both of them can be animated with layout transition.
-`.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`
44
44
45
45
:::note
46
-
Time-based modifiers have no effect when `.springify()` is used.
46
+
The `.easing( ... )` modifier have no effect when `.springify()` is used.
47
47
:::
48
48
49
49
#### Spring-based <Optional/>
50
50
51
51
Spring-based modifiers relay on [`withSpring`](/docs/animations/withSpring) function.
52
+
Just as in withSpring config, spring-based modifiers can be physics-based (has `mass` and `damping` modifiers) or duration-based (has `duration` and `dampingRatio` modifiers). Usage of any time-based spring modifiers erases the effect of any physics-based spring modifier.
0 commit comments