mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Joshua Gross
35e2a63b8d
Summary: We introduce a few optimizations: (1) Previous diff: We defer calling any NativeAnimatedModule methods by waiting 1ms before flushing the queue, and debouncing until no flush is requested. Practically, this just means that we'll call NativeAnimatedModule methods N times at once, at the end of a render loop, instead of N times smeared throughout the render loop. (2) Additionally, instead of calling N methods, we create multi-operation argument buffer and call a single NativeAnimatedModule API, which should essentially throttle NativeAnimatedModule API calls to once-ish per frame. On the native side, this also reduces a lot of overhead associated with scheduling work on the UI thread (we schedule 1 function to run on the UI thread and perform N operations, as opposed to scheduling N functions to run on the UI thread). TODO: - implement stubs for iOS - write gating code so this can be properly tested in VR and in fb4a Changelog: [Internal] Reviewed By: genkikondo Differential Revision: D36338606 fbshipit-source-id: 29ac949b53b874683128a76525586c22def3143b
75 lines
2.6 KiB
JavaScript
75 lines
2.6 KiB
JavaScript
/**
|
|
* 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
|
|
*/
|
|
|
|
import type {TurboModule} from '../TurboModule/RCTExport';
|
|
import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
|
|
|
|
type EndResult = {finished: boolean, ...};
|
|
type EndCallback = (result: EndResult) => void;
|
|
type SaveValueCallback = (value: number) => void;
|
|
|
|
export type EventMapping = {|
|
|
nativeEventPath: Array<string>,
|
|
animatedValueTag: ?number,
|
|
|};
|
|
|
|
// The config has different keys depending on the type of the Node
|
|
// TODO(T54896888): Make these types strict
|
|
export type AnimatedNodeConfig = Object;
|
|
export type AnimatingNodeConfig = Object;
|
|
|
|
export interface Spec extends TurboModule {
|
|
+startOperationBatch: () => void;
|
|
+finishOperationBatch: () => void;
|
|
+createAnimatedNode: (tag: number, config: AnimatedNodeConfig) => void;
|
|
+updateAnimatedNodeConfig?: (tag: number, config: AnimatedNodeConfig) => void;
|
|
+getValue: (tag: number, saveValueCallback: SaveValueCallback) => void;
|
|
+startListeningToAnimatedNodeValue: (tag: number) => void;
|
|
+stopListeningToAnimatedNodeValue: (tag: number) => void;
|
|
+connectAnimatedNodes: (parentTag: number, childTag: number) => void;
|
|
+disconnectAnimatedNodes: (parentTag: number, childTag: number) => void;
|
|
+startAnimatingNode: (
|
|
animationId: number,
|
|
nodeTag: number,
|
|
config: AnimatingNodeConfig,
|
|
endCallback: EndCallback,
|
|
) => void;
|
|
+stopAnimation: (animationId: number) => void;
|
|
+setAnimatedNodeValue: (nodeTag: number, value: number) => void;
|
|
+setAnimatedNodeOffset: (nodeTag: number, offset: number) => void;
|
|
+flattenAnimatedNodeOffset: (nodeTag: number) => void;
|
|
+extractAnimatedNodeOffset: (nodeTag: number) => void;
|
|
+connectAnimatedNodeToView: (nodeTag: number, viewTag: number) => void;
|
|
+disconnectAnimatedNodeFromView: (nodeTag: number, viewTag: number) => void;
|
|
+restoreDefaultValues: (nodeTag: number) => void;
|
|
+dropAnimatedNode: (tag: number) => void;
|
|
+addAnimatedEventToView: (
|
|
viewTag: number,
|
|
eventName: string,
|
|
eventMapping: EventMapping,
|
|
) => void;
|
|
+removeAnimatedEventFromView: (
|
|
viewTag: number,
|
|
eventName: string,
|
|
animatedNodeTag: number,
|
|
) => void;
|
|
|
|
// Events
|
|
+addListener: (eventName: string) => void;
|
|
+removeListeners: (count: number) => void;
|
|
|
|
// All of the above in a batched mode
|
|
+queueAndExecuteBatchedOperations?: (operationsAndArgs: Array<any>) => void;
|
|
}
|
|
|
|
export default (TurboModuleRegistry.get<Spec>(
|
|
'NativeAnimatedTurboModule',
|
|
): ?Spec);
|