Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 12 additions & 10 deletions cspell.json
Original file line number Diff line number Diff line change
@@ -1,38 +1,40 @@
{
"language": "en",
"words": [
"animable",
"animatable",
"barfoo",
"barfoo",
"bfrg",
"bridgeless",
"chlgm",
"coef",
"collapsable",
"devs",
"devs",
"easings",
"inout",
"ispreview",
"layoutable",
"lightspeed",
"pressable",
"RCTUI",
"REAUI",
"relayout",
"snapshotting",
"springify",
"superview",
"swmansion",
"systrace",
"typecheck",
"uimanager",
"uimodule",
"unmock",
"usehooks",
"worklet",
"workletization",
"workletize",
"workletized",
"barfoo",
"devs",
"chlgm",
"bfrg",
"typecheck",
"usehooks",
"animable",
"ispreview",
"pressable",
"inout",
"workletizes",
"worklets"
],
Expand Down
18 changes: 9 additions & 9 deletions docs/docs/layout-animations/entering-exiting-animations.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
FadeOutLeft.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -149,6 +148,7 @@ FadeInDown.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
Expand Down Expand Up @@ -363,7 +363,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
FlipOutYLeft.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -406,6 +405,7 @@ FlipInEasyY.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
Expand Down Expand Up @@ -492,7 +492,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
LightSpeedOutLeft.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -535,6 +534,7 @@ LightSpeedInRight.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
Expand Down Expand Up @@ -613,7 +613,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
PinwheelOut.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -656,6 +655,7 @@ PinwheelIn.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
Expand Down Expand Up @@ -740,7 +740,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
RollOutLeft.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -781,6 +780,7 @@ RollInRight.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
Expand Down Expand Up @@ -879,7 +879,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
RotateOutDownRight.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -922,6 +921,7 @@ RotateInDownLeft.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
Expand Down Expand Up @@ -1018,7 +1018,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
SlideOutLeft.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -1059,6 +1058,7 @@ SlideInDown.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
Expand Down Expand Up @@ -1144,7 +1144,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
StretchOutX.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -1185,6 +1184,7 @@ StretchInY.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
Expand Down Expand Up @@ -1305,7 +1305,6 @@ Time-based modifiers relay on [`withTiming`](/docs/animations/withTiming) functi
ZoomOutLeft.duration(500).easing(Easing.ease);
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.easing(easingFunction: EasingFunction)` is an easing function which defines the animation curve. Defaults to `Easing.inOut(Easing.quad)`

:::note
Expand Down Expand Up @@ -1346,6 +1345,7 @@ ZoomIn.delay(500)
});
```

- `.duration(durationMs: number)` is the length of the animation (in milliseconds). Defaults to `300`.
- `.delay(durationMs: number)` is the delay before the animation starts (in milliseconds). Defaults to `0`.
- `.randomDelay()` randomizes the delay of the animation between `0` and the provided delay. Uses 1000 ms if delay wasn't provided.
- `.reduceMotion(reduceMotion: ReduceMotion)` determines how the animation responds to the device's reduced motion accessibility setting.
Expand Down