Skip to content

Instantly share code, notes, and snippets.

View mattThousand's full-sized avatar
👨‍🚀

Matt Buckley mattThousand

👨‍🚀
View GitHub Profile
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;
@mattThousand
mattThousand / CustomPageControlWithProgrammaticPagination.tsx.tsx
Created January 23, 2021 18:52
Tapping an individual dot animates the flatlist's scroll position.
import React, {FunctionComponent, useRef} from 'react';
import {
Animated,
Dimensions,
FlatList,
Image,
Pressable,
StyleSheet,
View,
} from 'react-native';
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;