From e6ad5c8c27af9745794cd3640db675479ae63096 Mon Sep 17 00:00:00 2001 From: Bayram Arif Date: Tue, 16 Jul 2024 16:05:18 +0300 Subject: [PATCH] update layout transitions docs (#6275) ## Summary This PR includes changes for layout transitions imports in docs. Since Transition import re-named to LinearTransition, docs needs to be changed as well --------- Co-authored-by: Krzysztof Piaskowy --- .../docs/layout-animations/layout-transitions.mdx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/docs-reanimated/docs/layout-animations/layout-transitions.mdx b/packages/docs-reanimated/docs/layout-animations/layout-transitions.mdx index 3a940fedce4b..d6adc29228fd 100644 --- a/packages/docs-reanimated/docs/layout-animations/layout-transitions.mdx +++ b/packages/docs-reanimated/docs/layout-animations/layout-transitions.mdx @@ -16,15 +16,15 @@ To be precise how to animate positions and dimensions of components. What's impo ### 1. Import chosen transition ```js -// Transition is just an example and should be replaced by real animation. For Instance Layout -import { Transition } from 'react-native-reanimated'; +// LinearTransition is just an example and should be replaced by real animation. For Instance Layout +import { LinearTransition } from 'react-native-reanimated'; ``` ### 2. Choose Animated Component which layout you want to animate ```js // AnimatedComponent - component created by createAnimatedComponent or imported from Reanimated - + ``` ### 3. Customize the animation @@ -32,7 +32,7 @@ import { Transition } from 'react-native-reanimated'; Different type of layout transitions can be customized differently. For the complete list of option please refer to the paragraph specific to the particular animation type. We recommend using builders outside of components or with `useMemo` to ensure the best performance. ```js -const transition = Transition.duration(3000).otherModifier(); +const transition = LinearTransition.duration(3000).otherModifier(); function App() { return ;