react-native-reanimated
Version:
More powerful alternative to Animated library for React Native.
148 lines (139 loc) • 4.2 kB
text/typescript
/* eslint-disable @typescript-eslint/no-redundant-type-constituents */
;
import type { MutableRefObject } from 'react';
import { processColorsInProps } from './Colors';
import type { ShadowNodeWrapper, SharedValue, StyleProps } from './commonTypes';
import type { AnimatedStyle } from './helperTypes';
import type { Descriptor } from './hook/commonTypes';
import { _updatePropsJS } from './js-reanimated';
import { isFabric, isJest, shouldBeUseWeb } from './PlatformChecker';
import type { ViewRefSet } from './ViewDescriptorsSet';
import { runOnUIImmediately } from './threads';
let updateProps: (
viewDescriptor: SharedValue<Descriptor[]>,
updates: StyleProps | AnimatedStyle<any>,
maybeViewRef: ViewRefSet<any> | undefined,
isAnimatedProps?: boolean
) => void;
if (shouldBeUseWeb()) {
updateProps = (_, updates, maybeViewRef, isAnimatedProps) => {
'worklet';
if (maybeViewRef) {
maybeViewRef.items.forEach((item, _index) => {
_updatePropsJS(updates, item, isAnimatedProps);
});
}
};
} else {
updateProps = (viewDescriptors, updates) => {
'worklet';
processColorsInProps(updates);
global.UpdatePropsManager.update(viewDescriptors, updates);
};
}
export const updatePropsJestWrapper = (
viewDescriptors: SharedValue<Descriptor[]>,
updates: AnimatedStyle<any>,
maybeViewRef: ViewRefSet<any> | undefined,
animatedStyle: MutableRefObject<AnimatedStyle<any>>,
adapters: ((updates: AnimatedStyle<any>) => void)[]
): void => {
adapters.forEach((adapter) => {
adapter(updates);
});
animatedStyle.current.value = {
...animatedStyle.current.value,
...updates,
};
updateProps(viewDescriptors, updates, maybeViewRef);
};
export default updateProps;
const createUpdatePropsManager = isFabric()
? () => {
'worklet';
// Fabric
const operations: {
shadowNodeWrapper: ShadowNodeWrapper;
updates: StyleProps | AnimatedStyle<any>;
}[] = [];
return {
update(
viewDescriptors: SharedValue<Descriptor[]>,
updates: StyleProps | AnimatedStyle<any>
) {
viewDescriptors.value.forEach((viewDescriptor) => {
operations.push({
shadowNodeWrapper: viewDescriptor.shadowNodeWrapper,
updates,
});
if (operations.length === 1) {
queueMicrotask(this.flush);
}
});
},
flush(this: void) {
global._updatePropsFabric!(operations);
operations.length = 0;
},
};
}
: () => {
'worklet';
// Paper
const operations: {
tag: number;
name: string;
updates: StyleProps | AnimatedStyle<any>;
}[] = [];
return {
update(
viewDescriptors: SharedValue<Descriptor[]>,
updates: StyleProps | AnimatedStyle<any>
) {
viewDescriptors.value.forEach((viewDescriptor) => {
operations.push({
tag: viewDescriptor.tag,
name: viewDescriptor.name || 'RCTView',
updates,
});
if (operations.length === 1) {
queueMicrotask(this.flush);
}
});
},
flush(this: void) {
global._updatePropsPaper!(operations);
operations.length = 0;
},
};
};
if (shouldBeUseWeb()) {
const maybeThrowError = () => {
// Jest attempts to access a property of this object to check if it is a Jest mock
// so we can't throw an error in the getter.
if (!isJest()) {
throw new Error(
'[Reanimated] `UpdatePropsManager` is not available on non-native platform.'
);
}
};
global.UpdatePropsManager = new Proxy({} as UpdatePropsManager, {
get: maybeThrowError,
set: () => {
maybeThrowError();
return false;
},
});
} else {
runOnUIImmediately(() => {
'worklet';
global.UpdatePropsManager = createUpdatePropsManager();
})();
}
export interface UpdatePropsManager {
update(
viewDescriptors: SharedValue<Descriptor[]>,
updates: StyleProps | AnimatedStyle<any>
): void;
flush(): void;
}