mappls-map-react-native/src/utils/animated/AnimatedExtractCoordinateFromArray.ts

A Mappls GL react native module for creating custom maps

import { Animated } from "react-native";

import type { AnimatedCoordinates } from "./AbstractAnimatedCoordinates";
import { AnimatedRouteCoordinatesArray } from "./AnimatedRouteCoordinatesArray";

// https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Animated/nodes/AnimatedWithChildren.js
const AnimatedWithChildren = Object.getPrototypeOf(Animated.ValueXY);

if (__DEV__) {
  if (AnimatedWithChildren.name !== "AnimatedWithChildren") {
    console.error(
      "AnimatedCoordinatesArray could not obtain AnimatedWithChildren base class",
    );
  }
}

export class AnimatedExtractCoordinateFromArray extends AnimatedWithChildren {
  _array: AnimatedRouteCoordinatesArray;

  _index = 0;

  constructor(array: AnimatedRouteCoordinatesArray, index: number) {
    super();
    this._array = array;
    this._index = index;
  }

  __getValue(): AnimatedCoordinates {
    const actArray = this._array.__getValue();
    let index = this._index;

    if (index < 0) {
      index += actArray.length;
    }

    return actArray[index]!;
  }

  __attach(): void {
    this._array.__addChild(this);
  }

  __detach(): void {
    this._array.__removeChild(this);
    super.__detach();
  }
}