Tanner West tanner-west

tanner-west / med-f38372681b2c-slide-animatedstyle.jsx

Created June 26, 2022 20:24

	const animatedStyle = useAnimatedStyle(() => {
	const input = scrollOffset.value / slideWidth;
	const inputRange = [index - 1, index, index + 1];

	return {
	transform: [
	{
	scale: interpolate(
	input,
	inputRange,

tanner-west / med-f38372681b2c-indicator-animatedstyle.jsx

Created June 27, 2022 02:27

	const animatedStyle = useAnimatedStyle(() => {
	const input = scrollOffset.value / slideWidth;
	const inputRange = [index - 1, index, index + 1];
	const animatedColor = interpolateColor(input, inputRange, [
	gray,
	textColor,
	gray,
	]);

	return {

tanner-west / moti-images-1656466184177.jsx

Created June 29, 2022 01:31

	import React, {useState, useEffect} from 'react';
	import {
	SafeAreaView,
	Image,
	ScrollView,
	StatusBar,
	ActivityIndicator,
	} from 'react-native';
	import {MotiView} from 'moti';

tanner-west / moti-crypto-dashboard-1656591121529.jsx

Created June 30, 2022 12:12

	import React, {useEffect, useState} from 'react';
	import {
	View,
	SafeAreaView,
	Text,
	StyleSheet,
	ScrollView,
	ActivityIndicator,
	StatusBar,
	} from 'react-native';

tanner-west / moti-fashion-1656899355833.jsx

Last active July 8, 2022 01:08

	import React, {useState, useEffect} from 'react';
	import {
	View,
	SafeAreaView,
	Text,
	StyleSheet,
	ImageBackground,
	StatusBar,
	ActivityIndicator,
	} from 'react-native';

tanner-west / med-9c19ad2115b-strokeDasharray.tsx

Created July 4, 2022 17:27

tanner-west / med-9c19ad2115b-strokeDasharray-2.tsx

Created July 4, 2022 17:33

tanner-west / med-9c19ad2115b-strokeDashoffset.tsx

Created July 4, 2022 17:35

tanner-west / med-9c19ad2115b-strokeDasharray-circumference.tsx

Created July 4, 2022 17:49

tanner-west / med-9c19ad2115b-strokeDasharray-offset-circumference.tsx

Created July 4, 2022 17:51