From a3dd22c02f68ce406f314d426fd4d7b1f54412a4 Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:41:45 +0100 Subject: [PATCH 01/10] Update animations.md --- website/versioned_docs/version-0.71/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.71/animations.md b/website/versioned_docs/version-0.71/animations.md index e66b7c0b568..4a9b8cdf232 100644 --- a/website/versioned_docs/version-0.71/animations.md +++ b/website/versioned_docs/version-0.71/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From b686ec22ef2c573c2a2bc54e6735bf17e656f248 Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:44:06 +0100 Subject: [PATCH 02/10] Update animations.md --- website/versioned_docs/version-0.72/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.72/animations.md b/website/versioned_docs/version-0.72/animations.md index 85f3d712a3b..f397663df24 100644 --- a/website/versioned_docs/version-0.72/animations.md +++ b/website/versioned_docs/version-0.72/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From 5fa7660fafd99b40913b2e3ef624f871fd0a7953 Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:44:44 +0100 Subject: [PATCH 03/10] Update animations.md --- website/versioned_docs/version-0.73/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.73/animations.md b/website/versioned_docs/version-0.73/animations.md index 7065be643b9..e551ded1bdf 100644 --- a/website/versioned_docs/version-0.73/animations.md +++ b/website/versioned_docs/version-0.73/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From ef4ef30d2900678a6171549574bff49fef469bb8 Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:45:08 +0100 Subject: [PATCH 04/10] Update animations.md --- website/versioned_docs/version-0.74/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.74/animations.md b/website/versioned_docs/version-0.74/animations.md index 552a62a6a82..af6923ada64 100644 --- a/website/versioned_docs/version-0.74/animations.md +++ b/website/versioned_docs/version-0.74/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From 7461f824b99e18cb0bca7c56a67116be1bd667af Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:45:30 +0100 Subject: [PATCH 05/10] Update animations.md --- website/versioned_docs/version-0.75/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.75/animations.md b/website/versioned_docs/version-0.75/animations.md index 552a62a6a82..af6923ada64 100644 --- a/website/versioned_docs/version-0.75/animations.md +++ b/website/versioned_docs/version-0.75/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From 2e007693d76dd1d39b1b59bce8a87e729341f18d Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:45:53 +0100 Subject: [PATCH 06/10] Update animations.md --- website/versioned_docs/version-0.76/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.76/animations.md b/website/versioned_docs/version-0.76/animations.md index 4410f773bc5..5d4c9c6c459 100644 --- a/website/versioned_docs/version-0.76/animations.md +++ b/website/versioned_docs/version-0.76/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From 60d34c912f0d28b43668fedbfaa437b4e0a250a6 Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:46:26 +0100 Subject: [PATCH 07/10] Update animations.md --- website/versioned_docs/version-0.77/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.77/animations.md b/website/versioned_docs/version-0.77/animations.md index d07e9c7bf8f..60193a47a9e 100644 --- a/website/versioned_docs/version-0.77/animations.md +++ b/website/versioned_docs/version-0.77/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From 25de5e0f66110ca4020da989b1d085b97cc783ef Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:46:54 +0100 Subject: [PATCH 08/10] Update animations.md --- website/versioned_docs/version-0.78/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.78/animations.md b/website/versioned_docs/version-0.78/animations.md index d07e9c7bf8f..60193a47a9e 100644 --- a/website/versioned_docs/version-0.78/animations.md +++ b/website/versioned_docs/version-0.78/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From 7e639cdb986a0d60b55fa06ce95433d6b10ae2ae Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:47:23 +0100 Subject: [PATCH 09/10] Update animations.md --- website/versioned_docs/version-0.79/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.79/animations.md b/website/versioned_docs/version-0.79/animations.md index d07e9c7bf8f..60193a47a9e 100644 --- a/website/versioned_docs/version-0.79/animations.md +++ b/website/versioned_docs/version-0.79/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, { From 5577203eb867c10d0a212c66a2699054fc47195a Mon Sep 17 00:00:00 2001 From: Dhruv Date: Fri, 11 Jul 2025 14:47:46 +0100 Subject: [PATCH 10/10] Update animations.md --- website/versioned_docs/version-0.80/animations.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/website/versioned_docs/version-0.80/animations.md b/website/versioned_docs/version-0.80/animations.md index d07e9c7bf8f..60193a47a9e 100644 --- a/website/versioned_docs/version-0.80/animations.md +++ b/website/versioned_docs/version-0.80/animations.md @@ -74,15 +74,15 @@ export default () => { ```SnackPlayer ext=tsx -import React, {useEffect} from 'react'; -import {Animated, Text, View, useAnimatedValue} from 'react-native'; +import React, {useRef, useEffect} from 'react'; +import {Animated, Text, View} from 'react-native'; import type {PropsWithChildren} from 'react'; import type {ViewStyle} from 'react-native'; type FadeInViewProps = PropsWithChildren<{style: ViewStyle}>; const FadeInView: React.FC = props => { - const fadeAnim = useAnimatedValue(0); // Initial value for opacity: 0 + const fadeAnim = useRef(new Animated.Value(0)).current // Initial value for opacity: 0 useEffect(() => { Animated.timing(fadeAnim, {