BLUE

Navigation

Breadcrumbs

/ / var / www / uibuilder.cmshelp.dk / httpdocs / node_modules / react-native / Libraries / Animated

Create

Upload

Tip: You can also drag & drop files anywhere on this page to upload.

Edit File Size: 7.08 KB

/var/www/uibuilder.cmshelp.dk/httpdocs/node_modules/react-native/Libraries/Animated/AnimatedEvent.js

Text Base64

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 * @format
 */

'use strict';

import type {PlatformConfig} from './AnimatedPlatformConfig';

import NativeAnimatedHelper from '../../src/private/animated/NativeAnimatedHelper';
import {findNodeHandle} from '../ReactNative/RendererProxy';
import AnimatedValue from './nodes/AnimatedValue';
import AnimatedValueXY from './nodes/AnimatedValueXY';
import invariant from 'invariant';

export type Mapping =
  | {[key: string]: Mapping, ...}
  | AnimatedValue
  | AnimatedValueXY;
export type EventConfig = {
  listener?: ?Function,
  useNativeDriver: boolean,
  platformConfig?: PlatformConfig,
};

export function attachNativeEvent(
  viewRef: any,
  eventName: string,
  argMapping: $ReadOnlyArray<?Mapping>,
  platformConfig: ?PlatformConfig,
): {detach: () => void} {
  // Find animated values in `argMapping` and create an array representing their
  // key path inside the `nativeEvent` object. Ex.: ['contentOffset', 'x'].
  const eventMappings = [];

const traverse = (value: mixed, path: Array<string>) => {
    if (value instanceof AnimatedValue) {
      value.__makeNative(platformConfig);

eventMappings.push({
        nativeEventPath: path,
        animatedValueTag: value.__getNativeTag(),
      });
    } else if (value instanceof AnimatedValueXY) {
      traverse(value.x, path.concat('x'));
      traverse(value.y, path.concat('y'));
    } else if (typeof value === 'object') {
      for (const key in value) {
        traverse(value[key], path.concat(key));
      }
    }
  };

invariant(
    argMapping[0] && argMapping[0].nativeEvent,
    'Native driven events only support animated values contained inside `nativeEvent`.',
  );

// Assume that the event containing `nativeEvent` is always the first argument.
  traverse(argMapping[0].nativeEvent, []);

const viewTag = findNodeHandle(viewRef);
  if (viewTag != null) {
    eventMappings.forEach(mapping => {
      NativeAnimatedHelper.API.addAnimatedEventToView(
        viewTag,
        eventName,
        mapping,
      );
    });
  }

return {
    detach() {
      if (viewTag != null) {
        eventMappings.forEach(mapping => {
          NativeAnimatedHelper.API.removeAnimatedEventFromView(
            viewTag,
            eventName,
            // $FlowFixMe[incompatible-call]
            mapping.animatedValueTag,
          );
        });
      }
    },
  };
}

invariant(
    args.length >= argMapping.length,
    'Event has less arguments than mapping',
  );
  argMapping.forEach((mapping, idx) => {
    validate(mapping, args[idx], 'arg' + idx);
  });
}

export class AnimatedEvent {
  _argMapping: $ReadOnlyArray<?Mapping>;
  _listeners: Array<Function> = [];
  _attachedEvent: ?{detach: () => void, ...};
  __isNative: boolean;
  __platformConfig: ?PlatformConfig;

constructor(argMapping: $ReadOnlyArray<?Mapping>, config: EventConfig) {
    this._argMapping = argMapping;

if (config == null) {
      console.warn('Animated.event now requires a second argument for options');
      config = {useNativeDriver: false};
    }

if (config.listener) {
      this.__addListener(config.listener);
    }
    this._attachedEvent = null;
    this.__isNative = NativeAnimatedHelper.shouldUseNativeDriver(config);
    this.__platformConfig = config.platformConfig;
  }

__addListener(callback: Function): void {
    this._listeners.push(callback);
  }

__removeListener(callback: Function): void {
    this._listeners = this._listeners.filter(listener => listener !== callback);
  }

__attach(viewRef: any, eventName: string): void {
    invariant(
      this.__isNative,
      'Only native driven events need to be attached.',
    );

this._attachedEvent = attachNativeEvent(
      viewRef,
      eventName,
      this._argMapping,
      this.__platformConfig,
    );
  }

__detach(viewTag: any, eventName: string): void {
    invariant(
      this.__isNative,
      'Only native driven events need to be detached.',
    );

this._attachedEvent && this._attachedEvent.detach();
  }

__getHandler(): any | ((...args: any) => void) {
    if (this.__isNative) {
      if (__DEV__) {
        let validatedMapping = false;
        return (...args: any) => {
          if (!validatedMapping) {
            validateMapping(this._argMapping, args);
            validatedMapping = true;
          }
          this._callListeners(...args);
        };
      } else {
        return this._callListeners;
      }
    }

let validatedMapping = false;
    return (...args: any) => {
      if (__DEV__ && !validatedMapping) {
        validateMapping(this._argMapping, args);
        validatedMapping = true;
      }

this._callListeners(...args);
    };
  }

_callListeners = (...args: any) => {
    this._listeners.forEach(listener => listener(...args));
  };
}

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Directory Contents

Dirs: 3 × Files: 19

Sort:

Enable drag-to-move

Name	Size	Perms	Modified	Actions
animations DIR	-	drwxr-xr-x	2025-03-28 11:04:42	Edit Download recursive recursive
components DIR	-	drwxr-xr-x	2025-03-28 11:04:42	Edit Download recursive recursive
nodes DIR	-	drwxr-xr-x	2025-03-28 11:04:42	Edit Download recursive recursive
Animated.d.ts	18.43 KB	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
Animated.js	1.57 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
AnimatedEvent.js	7.08 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
AnimatedImplementation.js	20.19 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
AnimatedMock.js	5.29 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
AnimatedPlatformConfig.js	276 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
AnimatedWeb.js	1021 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
bezier.js	4.07 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
createAnimatedComponent.js	3.24 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
Easing.d.ts	1.12 KB	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
Easing.js	6.15 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
NativeAnimatedAllowlist.js	3.07 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
NativeAnimatedModule.js	424 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
NativeAnimatedTurboModule.js	444 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
shouldUseTurboAnimatedModule.js	439 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
SpringConfig.js	2.32 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
useAnimatedProps.js	11.88 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
useAnimatedValue.d.ts	362 B	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
useAnimatedValue.js	646 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive