From 701ee18146bf4ffe7543a682f3590feed58943e1 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Fri, 13 Sep 2019 19:28:11 +0000 Subject: [PATCH] Deploy website Deploy website version based on f52abd3614634d48f0f3aa345aea9380b2969e56 --- docs/0.10/animations.html | 8 ++++---- docs/0.10/animations/index.html | 8 ++++---- docs/0.11/animations.html | 8 ++++---- docs/0.11/animations/index.html | 8 ++++---- docs/0.12/animations.html | 8 ++++---- docs/0.12/animations/index.html | 8 ++++---- docs/0.13/animations.html | 8 ++++---- docs/0.13/animations/index.html | 8 ++++---- docs/0.14/animations.html | 8 ++++---- docs/0.14/animations/index.html | 8 ++++---- docs/0.15/animations.html | 8 ++++---- docs/0.15/animations/index.html | 8 ++++---- docs/0.16/animations.html | 8 ++++---- docs/0.16/animations/index.html | 8 ++++---- docs/0.17/animations.html | 8 ++++---- docs/0.17/animations/index.html | 8 ++++---- docs/0.18/animations.html | 8 ++++---- docs/0.18/animations/index.html | 8 ++++---- docs/0.19/animations.html | 8 ++++---- docs/0.19/animations/index.html | 8 ++++---- docs/0.20/animations.html | 8 ++++---- docs/0.20/animations/index.html | 8 ++++---- docs/0.21/animations.html | 8 ++++---- docs/0.21/animations/index.html | 8 ++++---- docs/0.22/animations.html | 8 ++++---- docs/0.22/animations/index.html | 8 ++++---- docs/0.23/animations.html | 8 ++++---- docs/0.23/animations/index.html | 8 ++++---- docs/0.24/animations.html | 8 ++++---- docs/0.24/animations/index.html | 8 ++++---- docs/0.25/animations.html | 8 ++++---- docs/0.25/animations/index.html | 8 ++++---- docs/0.26/animations.html | 8 ++++---- docs/0.26/animations/index.html | 8 ++++---- docs/0.27/animations.html | 8 ++++---- docs/0.27/animations/index.html | 8 ++++---- docs/0.28/animations.html | 8 ++++---- docs/0.28/animations/index.html | 8 ++++---- docs/0.29/animations.html | 8 ++++---- docs/0.29/animations/index.html | 8 ++++---- docs/0.30/animations.html | 8 ++++---- docs/0.30/animations/index.html | 8 ++++---- docs/0.31/animations.html | 8 ++++---- docs/0.31/animations/index.html | 8 ++++---- docs/0.32/animations.html | 8 ++++---- docs/0.32/animations/index.html | 8 ++++---- docs/0.33/animations.html | 8 ++++---- docs/0.33/animations/index.html | 8 ++++---- docs/0.34/animations.html | 8 ++++---- docs/0.34/animations/index.html | 8 ++++---- docs/0.35/animations.html | 8 ++++---- docs/0.35/animations/index.html | 8 ++++---- docs/0.36/animations.html | 8 ++++---- docs/0.36/animations/index.html | 8 ++++---- docs/0.37/animations.html | 8 ++++---- docs/0.37/animations/index.html | 8 ++++---- docs/0.38/animations.html | 8 ++++---- docs/0.38/animations/index.html | 8 ++++---- docs/0.39/animations.html | 8 ++++---- docs/0.39/animations/index.html | 8 ++++---- docs/0.40/animations.html | 8 ++++---- docs/0.40/animations/index.html | 8 ++++---- docs/0.41/animations.html | 8 ++++---- docs/0.41/animations/index.html | 8 ++++---- docs/0.42/animations.html | 8 ++++---- docs/0.42/animations/index.html | 8 ++++---- docs/0.43/animations.html | 8 ++++---- docs/0.43/animations/index.html | 8 ++++---- docs/0.44/animations.html | 8 ++++---- docs/0.44/animations/index.html | 8 ++++---- docs/0.45/animations.html | 8 ++++---- docs/0.45/animations/index.html | 8 ++++---- docs/0.46/animations.html | 8 ++++---- docs/0.46/animations/index.html | 8 ++++---- docs/0.47/animations.html | 8 ++++---- docs/0.47/animations/index.html | 8 ++++---- docs/0.48/animations.html | 8 ++++---- docs/0.48/animations/index.html | 8 ++++---- docs/0.49/animations.html | 8 ++++---- docs/0.49/animations/index.html | 8 ++++---- docs/0.5/animations.html | 8 ++++---- docs/0.5/animations/index.html | 8 ++++---- docs/0.50/animations.html | 8 ++++---- docs/0.50/animations/index.html | 8 ++++---- docs/0.51/animations.html | 8 ++++---- docs/0.51/animations/index.html | 8 ++++---- docs/0.52/animations.html | 8 ++++---- docs/0.52/animations/index.html | 8 ++++---- docs/0.53/animations.html | 8 ++++---- docs/0.53/animations/index.html | 8 ++++---- docs/0.54/animations.html | 8 ++++---- docs/0.54/animations/index.html | 8 ++++---- docs/0.55/animations.html | 8 ++++---- docs/0.55/animations/index.html | 8 ++++---- docs/0.56/animations.html | 8 ++++---- docs/0.56/animations/index.html | 8 ++++---- docs/0.57/animations.html | 8 ++++---- docs/0.57/animations/index.html | 8 ++++---- docs/0.58/animations.html | 8 ++++---- docs/0.58/animations/index.html | 8 ++++---- docs/0.59/animations.html | 8 ++++---- docs/0.59/animations/index.html | 8 ++++---- docs/0.6/animations.html | 8 ++++---- docs/0.6/animations/index.html | 8 ++++---- docs/0.7/animations.html | 8 ++++---- docs/0.7/animations/index.html | 8 ++++---- docs/0.8/animations.html | 8 ++++---- docs/0.8/animations/index.html | 8 ++++---- docs/0.9/animations.html | 8 ++++---- docs/0.9/animations/index.html | 8 ++++---- docs/animations.html | 8 ++++---- docs/animations/index.html | 8 ++++---- docs/next/animations.html | 8 ++++---- docs/next/animations/index.html | 8 ++++---- docs/next/optimizing-flatlist-configuration.html | 8 ++++---- docs/next/optimizing-flatlist-configuration/index.html | 8 ++++---- 116 files changed, 464 insertions(+), 464 deletions(-) diff --git a/docs/0.10/animations.html b/docs/0.10/animations.html index 4f6722f576a..5c539409f10 100644 --- a/docs/0.10/animations.html +++ b/docs/0.10/animations.html @@ -78,11 +78,11 @@ import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
import { Animated, Text, View } from 'react-native'; const FadeInView = (props) => { - const [fadeAdmin] = useState(new Animated.Value(0)) // Initial value for opacity: 0 + const [fadeAnim] = useState(new Animated.Value(0)) // Initial value for opacity: 0 React.useEffect(() => { Animated.timing( - fadeAdmin, + fadeAnim, { toValue: 1, duration: 10000, @@ -94,7 +94,7 @@ <Animated.View // Special animatable View style={{ ...props.style, - opacity: fadeAdnim, // Bind opacity to animated value + opacity: fadeAnim, // Bind opacity to animated value }} > {props.children} @@ -115,7 +115,7 @@
Edit

Optimizing Flatlist Configuration

Terms

    -
  • VirtualizedList: The component behind FlatList (React Native's implementation of the 'Virtual List' concept.)

  • +
  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

  • @@ -159,9 +159,9 @@

    The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

    Use shouldComponentUpdate

    Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

    -
        shouldComponentUpdate() {
    -      return false
    -    }
    +
    shouldComponentUpdate() {
    +  return false
    +}
     

    Use cached optimized images

    You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.

    diff --git a/docs/next/optimizing-flatlist-configuration/index.html b/docs/next/optimizing-flatlist-configuration/index.html index e8040355511..458bc4cad76 100644 --- a/docs/next/optimizing-flatlist-configuration/index.html +++ b/docs/next/optimizing-flatlist-configuration/index.html @@ -70,7 +70,7 @@ });
Edit

Optimizing Flatlist Configuration

Terms

    -
  • VirtualizedList: The component behind FlatList (React Native's implementation of the 'Virtual List' concept.)

  • +
  • VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.)

  • Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash.

  • Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, instead of responding immediately as expected.

  • Blank areas: When VirtualizedList can't render your items fast enough, you may enter a part of your list with non-rendered components that appear as blank white space.

  • @@ -159,9 +159,9 @@

    The heavier your components are, the slower they render. Avoid heavy images (use a cropped version or thumbnail for list items, as small as possible). Talk to your design team, use as little effects and interactions and information as possible in your list. Show them in your item's detail.

    Use shouldComponentUpdate

    Implement update verification to your components. React's PureComponent implement a shouldComponentUpdate with shallow comparison. This is expensive here because it need to check all your props. If you want a good bit-level performance, create the strictest rules for your list item components, checking only props that could potentially change. If your list is simple enough, you could even use

    -
        shouldComponentUpdate() {
    -      return false
    -    }
    +
    shouldComponentUpdate() {
    +  return false
    +}
     

    Use cached optimized images

    You can use the community packages (such as react-native-fast-image from @DylanVann) for more performant images. Every image in your list is a new Image() instance. The faster it reaches the loaded hook, the faster your Javascript thread will be free again.