Skip to content

Commit 8b24f41

Browse files
Copy changes
1 parent 67c1033 commit 8b24f41

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

packages/docs-reanimated/docs/layout-animations/layout-transitions.mdx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ sidebar_position: 3
44

55
# Layout transitions
66

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.
88

99
import LayoutTransitions from '@site/src/examples/LayoutTransitions';
1010
import LayoutTransitionsSrc from '!!raw-loader!@site/src/examples/LayoutTransitions';
@@ -32,23 +32,24 @@ function App() {
3232

3333
### Modifiers
3434

35-
#### Time-based <Optional/>
35+
#### Easing <Optional/>
3636

3737
Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) function.
3838

3939
```javascript
40-
LinearTransition.duration(500).easing(Easing.ease);
40+
LinearTransition.easing(Easing.ease);
4141
```
4242

4343
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`
4444

4545
:::note
46-
Time-based modifiers have no effect when `.springify()` is used.
46+
The `.easing( ... )` modifier have no effect when `.springify()` is used.
4747
:::
4848

4949
#### Spring-based <Optional/>
5050

5151
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.
5253

5354
```javascript
5455
LinearTransition.springify()

0 commit comments

Comments
 (0)