src/lib/custom-animations/ShrinkAndPop.ts at main

robinwobin.dev / witchsky.app

forked from jollywhoppers.com/witchsky.app

fork atom

Bluesky app fork with some witchin' additions 💫

fork atom

witchsky.app / src / lib / custom-animations / ShrinkAndPop.ts

at main 27 lines 508 B view raw

wrap content

Eric Bailey [🐴] Empty chat prompt (#4132) 2y ago

a7b0242c

 1import {withDelay, withSequence, withTiming} from 'react-native-reanimated'
 2
 3export function ShrinkAndPop() {
 4  'worklet'
 5
 6  const animations = {
 7    opacity: withDelay(125, withTiming(0, {duration: 125})),
 8    transform: [
 9      {
10        scale: withSequence(
11          withTiming(0.7, {duration: 75}),
12          withTiming(1.1, {duration: 150}),
13        ),
14      },
15    ],
16  }
17
18  const initialValues = {
19    opacity: 1,
20    transform: [{scale: 1}],
21  }
22
23  return {
24    animations,
25    initialValues,
26  }
27}