This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { FunctionComponent } from 'react'; | |
import { View, StyleSheet, Dimensions, Animated, Easing } from 'react-native'; | |
import Svg, { Path, Rect } from 'react-native-svg'; | |
const { width, height } = Dimensions.get('screen'); | |
const AnimatedChart: FunctionComponent = () => { | |
const AnimatedRect = Animated.createAnimatedComponent(Rect); | |
const animatedVal = React.useRef(new Animated.Value(0)).current; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, {FunctionComponent, useRef} from 'react'; | |
import { | |
Animated, | |
Dimensions, | |
FlatList, | |
Image, | |
Pressable, | |
StyleSheet, | |
View, | |
} from 'react-native'; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { BlurView } from 'expo-blur'; | |
import React, { FunctionComponent, useEffect, useState } from 'react'; | |
import { View, StyleSheet, Dimensions, Animated, Pressable, Text, Easing } from 'react-native'; | |
import { LinearGradient } from 'expo-linear-gradient'; | |
const { width, height } = Dimensions.get('screen'); | |
const BreathAnimation: FunctionComponent = () => { | |
const animatedScale = React.useRef(new Animated.Value(1)).current; | |
const animatedLeftText = React.useRef(new Animated.Value(10)).current; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { BlurView } from 'expo-blur'; | |
import React, { FunctionComponent, useEffect } from 'react'; | |
import { View, StyleSheet, Dimensions, Animated, Pressable, Easing, Text } from 'react-native'; | |
import { LinearGradient } from 'expo-linear-gradient'; | |
const { width, height } = Dimensions.get('screen'); | |
const BreathAnimation: FunctionComponent = () => { | |
const animatedScale = React.useRef(new Animated.Value(1)).current; | |
const animatedTextScale = React.useRef(new Animated.Value(1)).current; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, {FunctionComponent, useEffect} from 'react'; | |
import {Animated, Dimensions, FlatList, StyleSheet, View} from 'react-native'; | |
const {width} = Dimensions.get('screen'); | |
const AnimatedProgress: FunctionComponent = () => { | |
return ( | |
<FlatList | |
contentContainerStyle={style.contentContainer} | |
data={[1, 2, 3, 4, 5]} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, {FunctionComponent, useRef} from 'react'; | |
import { | |
Animated, | |
Dimensions, | |
FlatList, | |
Image, | |
StyleSheet, | |
View, | |
} from 'react-native'; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { BlurView } from 'expo-blur'; | |
import React, { FunctionComponent, useEffect, useState } from 'react'; | |
import { View, StyleSheet, Dimensions, Animated, Pressable, Text, Easing } from 'react-native'; | |
import { LinearGradient } from 'expo-linear-gradient'; | |
const { width, height } = Dimensions.get('screen'); | |
const BreathAnimation: FunctionComponent = () => { | |
const animatedScale = React.useRef(new Animated.Value(1)).current; | |
const animatedLeftText = React.useRef(new Animated.Value(10)).current; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, {FunctionComponent, useRef} from 'react'; | |
import { | |
FlatList, | |
View, | |
StyleSheet, | |
Dimensions, | |
Image, | |
Animated, | |
} from 'react-native'; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import SwiftUI | |
struct PaginatedView<Page: View & Identifiable>: View { | |
@State private var totalOffset: CGFloat = 0 | |
@State private var pageOffset: CGFloat = 0 | |
@State private var currentPageIndex: Int = 0 | |
var pages: [Page] | |
var spacing: CGFloat | |
var body: some View { |
NewerOlder