diff --git a/cspell.json b/cspell.json index 6898ac0bfdda..03b040063eb0 100644 --- a/cspell.json +++ b/cspell.json @@ -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" ], diff --git a/docs/docs/layout-animations/entering-exiting-animations.mdx b/docs/docs/layout-animations/entering-exiting-animations.mdx index 3198a03f06be..e28ce87546dd 100644 --- a/docs/docs/layout-animations/entering-exiting-animations.mdx +++ b/docs/docs/layout-animations/entering-exiting-animations.mdx @@ -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 @@ -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. @@ -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 @@ -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. @@ -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 @@ -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. @@ -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 @@ -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. @@ -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 @@ -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. @@ -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 @@ -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. @@ -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 @@ -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. @@ -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 @@ -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. @@ -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 @@ -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.