App.tsx

const style2 = useAnimatedStyle(() => {
    return {
      width: VIEW_HEIGHT,
      height: VIEW_WIDTH,
      backgroundColor: "white",
      position: "absolute",
      top: FAB_SIZE / 2 - VIEW_HEIGHT / 2,
      left: FAB_SIZE / 2 - VIEW_WIDTH / 2
    };
  }, []);

  return (
    <View style={styles.container}>
      <StatusBar style="auto" />
      <AnimatedPressable
        style={[styles.fabContainer, FabStyle]}
        onPress={() => (progress.value = withTiming(1))}
        onLongPress={() => (progress.value = withTiming(0))}
      >
        <Animated.View style={style1} />
        <Animated.View style={style2} />
      </AnimatedPressable>
    </View>
  );