mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
4a227ce2ab
Summary: Pull Request resolved: https://github.com/facebook/react-native/pull/32736 The ability to pass an additional property bag to further configure NativeAnimated is useful for a few reasons, e.g., experimentation with multiple implementations of the NativeAnimated module. The specific use case this solves is on react-native-windows, where there are two underlying animation graph options, one "optimized" animation graph that uses UI.Composition, and another similar to the approach to iOS and Android that uses a frame rendering callback. The platform configuration can be supplied to the animation node when `useNativeDriver` is set to `true`, and we pass the platform configuration object to the connected AnimatedValue and all it's children. Changelog: [General][Added] - Option to supply `platformConfig` to NativeAnimated Reviewed By: yungsters Differential Revision: D32988285 fbshipit-source-id: ab8a7bbf197573fc9e9a4737c255f124321295ac
124 lines
3.0 KiB
JavaScript
124 lines
3.0 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
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const AnimatedNode = require('./AnimatedNode');
|
|
const AnimatedWithChildren = require('./AnimatedWithChildren');
|
|
const NativeAnimatedHelper = require('../NativeAnimatedHelper');
|
|
|
|
import type {PlatformConfig} from '../AnimatedPlatformConfig';
|
|
|
|
class AnimatedTransform extends AnimatedWithChildren {
|
|
_transforms: $ReadOnlyArray<Object>;
|
|
|
|
constructor(transforms: $ReadOnlyArray<Object>) {
|
|
super();
|
|
this._transforms = transforms;
|
|
}
|
|
|
|
__makeNative(platformConfig: ?PlatformConfig) {
|
|
this._transforms.forEach(transform => {
|
|
for (const key in transform) {
|
|
const value = transform[key];
|
|
if (value instanceof AnimatedNode) {
|
|
value.__makeNative(platformConfig);
|
|
}
|
|
}
|
|
});
|
|
super.__makeNative(platformConfig);
|
|
}
|
|
|
|
__getValue(): $ReadOnlyArray<Object> {
|
|
return this._transforms.map(transform => {
|
|
const result = {};
|
|
for (const key in transform) {
|
|
const value = transform[key];
|
|
if (value instanceof AnimatedNode) {
|
|
result[key] = value.__getValue();
|
|
} else {
|
|
result[key] = value;
|
|
}
|
|
}
|
|
return result;
|
|
});
|
|
}
|
|
|
|
__getAnimatedValue(): $ReadOnlyArray<Object> {
|
|
return this._transforms.map(transform => {
|
|
const result = {};
|
|
for (const key in transform) {
|
|
const value = transform[key];
|
|
if (value instanceof AnimatedNode) {
|
|
result[key] = value.__getAnimatedValue();
|
|
} else {
|
|
// All transform components needed to recompose matrix
|
|
result[key] = value;
|
|
}
|
|
}
|
|
return result;
|
|
});
|
|
}
|
|
|
|
__attach(): void {
|
|
this._transforms.forEach(transform => {
|
|
for (const key in transform) {
|
|
const value = transform[key];
|
|
if (value instanceof AnimatedNode) {
|
|
value.__addChild(this);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
__detach(): void {
|
|
this._transforms.forEach(transform => {
|
|
for (const key in transform) {
|
|
const value = transform[key];
|
|
if (value instanceof AnimatedNode) {
|
|
value.__removeChild(this);
|
|
}
|
|
}
|
|
});
|
|
super.__detach();
|
|
}
|
|
|
|
__getNativeConfig(): any {
|
|
const transConfigs = [];
|
|
|
|
this._transforms.forEach(transform => {
|
|
for (const key in transform) {
|
|
const value = transform[key];
|
|
if (value instanceof AnimatedNode) {
|
|
transConfigs.push({
|
|
type: 'animated',
|
|
property: key,
|
|
nodeTag: value.__getNativeTag(),
|
|
});
|
|
} else {
|
|
transConfigs.push({
|
|
type: 'static',
|
|
property: key,
|
|
value: NativeAnimatedHelper.transformDataType(value),
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
NativeAnimatedHelper.validateTransform(transConfigs);
|
|
return {
|
|
type: 'transform',
|
|
transforms: transConfigs,
|
|
};
|
|
}
|
|
}
|
|
|
|
module.exports = AnimatedTransform;
|