FinalCode.js

      <TapGestureHandler
        onHandlerStateChange={(event) => {
          if (event.nativeEvent.state === State.BEGAN) {
            spring(springValue, {
              toValue: 1,
              mass: 1,
              damping: 20,
              stiffness: 150,
              overshootClamping: false,
              restSpeedThreshold: 0.001,
              restDisplacementThreshold: 0.001,
            }).start();
          } else if (event.nativeEvent.state === State.END) {
            spring(springValue, {
              toValue: 0,
              mass: 1,
              damping: 20,
              stiffness: 150,
              overshootClamping: false,
              restSpeedThreshold: 0.001,
              restDisplacementThreshold: 0.001,
            }).start();
            // The function you want to perform at the end of the Gesture
          } else {
            spring(springValue, {
              toValue: 0,
              mass: 1,
              damping: 20,
              stiffness: 150,
              overshootClamping: false,
              restSpeedThreshold: 0.001,
              restDisplacementThreshold: 0.001,
            }).start();
          }
        }}
      >
        <Animated.View
          style={[
            {
              transform: [
                {
                  scale: interpolate(springValue, {
                    inputRange: [0, 0.5],
                    outputRange: [1, 0.95],
                  }),
                },
              ],
            },
          ]}
        >
             { /* Your Component */ }
        </Animated.View>
      </TapGestureHandler>