react-navigation-shared-element/src/SharedElementCompatRouteProxy.ts

react-native-shared-element bindings for React Navigation

import { SharedElementRoute, SharedElementCompatRoute } from "./types";

export class SharedElementCompatRouteProxy implements SharedElementCompatRoute {
  static isParamWarningSilenced = false;
  static isStateWarningSilenced = false;

  private route: SharedElementRoute;
  private deprecatedStateCache: any;

  constructor(route: SharedElementRoute) {
    this.route = route;
  }

  get key(): string {
    return this.route.key;
  }

  get name(): string {
    return this.route.name;
  }

  get params(): { [key: string]: any } {
    return this.route.params || {};
  }

  // As of react-navigation-shared-element@3, the `sharedElements` function
  // receives a route rather than a navigator. In order to easy the code transition
  // both the `navigation` and `route` forms are supported. When using `navigation`.

  getParam(name: string): any {
    if (!SharedElementCompatRouteProxy.isParamWarningSilenced) {
      SharedElementCompatRouteProxy.isParamWarningSilenced = true;
      console.warn(
        'SharedElementNavigation: `navigation.getParam() is deprecated, use `route.params` instead. See TODO"'
      );
    }
    return this.params[name];
  }

  get state(): any {
    if (!SharedElementCompatRouteProxy.isStateWarningSilenced) {
      SharedElementCompatRouteProxy.isStateWarningSilenced = true;
      console.warn(
        'SharedElementNavigation: `navigation.state[key/routeName] is deprecated, use `route[key/name]` instead. See TODO"'
      );
    }
    this.deprecatedStateCache = this.deprecatedStateCache || {
      key: this.key,
      routeName: this.name,
      params: this.params,
    };
    return this.deprecatedStateCache;
  }
}