175 lines
4.6 KiB
JavaScript
175 lines
4.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
|
||
|
*/
|
||
|
|
||
|
'use strict';
|
||
|
|
||
|
import type {PlatformConfig} from '../AnimatedPlatformConfig';
|
||
|
|
||
|
import {findNodeHandle} from '../../ReactNative/RendererProxy';
|
||
|
import {AnimatedEvent} from '../AnimatedEvent';
|
||
|
import NativeAnimatedHelper from '../NativeAnimatedHelper';
|
||
|
import AnimatedNode from './AnimatedNode';
|
||
|
import AnimatedStyle from './AnimatedStyle';
|
||
|
import invariant from 'invariant';
|
||
|
|
||
|
export default class AnimatedProps extends AnimatedNode {
|
||
|
_props: Object;
|
||
|
_animatedView: any;
|
||
|
_callback: () => void;
|
||
|
|
||
|
constructor(props: Object, callback: () => void) {
|
||
|
super();
|
||
|
if (props.style) {
|
||
|
props = {
|
||
|
...props,
|
||
|
style: new AnimatedStyle(props.style),
|
||
|
};
|
||
|
}
|
||
|
this._props = props;
|
||
|
this._callback = callback;
|
||
|
}
|
||
|
|
||
|
__getValue(): Object {
|
||
|
const props: {[string]: any | ((...args: any) => void)} = {};
|
||
|
for (const key in this._props) {
|
||
|
const value = this._props[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
props[key] = value.__getValue();
|
||
|
} else if (value instanceof AnimatedEvent) {
|
||
|
props[key] = value.__getHandler();
|
||
|
} else {
|
||
|
props[key] = value;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return props;
|
||
|
}
|
||
|
|
||
|
__getAnimatedValue(): Object {
|
||
|
const props: {[string]: any} = {};
|
||
|
for (const key in this._props) {
|
||
|
const value = this._props[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
props[key] = value.__getAnimatedValue();
|
||
|
}
|
||
|
}
|
||
|
return props;
|
||
|
}
|
||
|
|
||
|
__attach(): void {
|
||
|
for (const key in this._props) {
|
||
|
const value = this._props[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
value.__addChild(this);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
__detach(): void {
|
||
|
if (this.__isNative && this._animatedView) {
|
||
|
this.__disconnectAnimatedView();
|
||
|
}
|
||
|
for (const key in this._props) {
|
||
|
const value = this._props[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
value.__removeChild(this);
|
||
|
}
|
||
|
}
|
||
|
super.__detach();
|
||
|
}
|
||
|
|
||
|
update(): void {
|
||
|
this._callback();
|
||
|
}
|
||
|
|
||
|
__makeNative(platformConfig: ?PlatformConfig): void {
|
||
|
for (const key in this._props) {
|
||
|
const value = this._props[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
value.__makeNative(platformConfig);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (!this.__isNative) {
|
||
|
this.__isNative = true;
|
||
|
|
||
|
// Since this does not call the super.__makeNative, we need to store the
|
||
|
// supplied platformConfig here, before calling __connectAnimatedView
|
||
|
// where it will be needed to traverse the graph of attached values.
|
||
|
super.__setPlatformConfig(platformConfig);
|
||
|
|
||
|
if (this._animatedView) {
|
||
|
this.__connectAnimatedView();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
setNativeView(animatedView: any): void {
|
||
|
if (this._animatedView === animatedView) {
|
||
|
return;
|
||
|
}
|
||
|
this._animatedView = animatedView;
|
||
|
if (this.__isNative) {
|
||
|
this.__connectAnimatedView();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
__connectAnimatedView(): void {
|
||
|
invariant(this.__isNative, 'Expected node to be marked as "native"');
|
||
|
const nativeViewTag: ?number = findNodeHandle(this._animatedView);
|
||
|
invariant(
|
||
|
nativeViewTag != null,
|
||
|
'Unable to locate attached view in the native tree',
|
||
|
);
|
||
|
NativeAnimatedHelper.API.connectAnimatedNodeToView(
|
||
|
this.__getNativeTag(),
|
||
|
nativeViewTag,
|
||
|
);
|
||
|
}
|
||
|
|
||
|
__disconnectAnimatedView(): void {
|
||
|
invariant(this.__isNative, 'Expected node to be marked as "native"');
|
||
|
const nativeViewTag: ?number = findNodeHandle(this._animatedView);
|
||
|
invariant(
|
||
|
nativeViewTag != null,
|
||
|
'Unable to locate attached view in the native tree',
|
||
|
);
|
||
|
NativeAnimatedHelper.API.disconnectAnimatedNodeFromView(
|
||
|
this.__getNativeTag(),
|
||
|
nativeViewTag,
|
||
|
);
|
||
|
}
|
||
|
|
||
|
__restoreDefaultValues(): void {
|
||
|
// When using the native driver, view properties need to be restored to
|
||
|
// their default values manually since react no longer tracks them. This
|
||
|
// is needed to handle cases where a prop driven by native animated is removed
|
||
|
// after having been changed natively by an animation.
|
||
|
if (this.__isNative) {
|
||
|
NativeAnimatedHelper.API.restoreDefaultValues(this.__getNativeTag());
|
||
|
}
|
||
|
}
|
||
|
|
||
|
__getNativeConfig(): Object {
|
||
|
const propsConfig: {[string]: number} = {};
|
||
|
for (const propKey in this._props) {
|
||
|
const value = this._props[propKey];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
value.__makeNative(this.__getPlatformConfig());
|
||
|
propsConfig[propKey] = value.__getNativeTag();
|
||
|
}
|
||
|
}
|
||
|
return {
|
||
|
type: 'props',
|
||
|
props: propsConfig,
|
||
|
};
|
||
|
}
|
||
|
}
|