react-native-reanimated
Version:
More powerful alternative to Animated library for React Native.
50 lines (48 loc) • 1.87 kB
JavaScript
;
import { RuntimeKind } from 'react-native-worklets';
import { IS_JEST, logger, processColorsInProps, SHOULD_BE_USE_WEB } from '../common';
/**
* Lets you imperatively update component properties. You should always reach
* for
* [useAnimatedStyle](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedStyle)
* and
* [useAnimatedProps](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedProps)
* first when animating styles or properties.
*
* @param animatedRef - An [animated
* ref](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedRef#returns)
* connected to the component you'd want to update.
* @param updates - An object with properties you want to update.
* @see https://docs.swmansion.com/react-native-reanimated/docs/advanced/setNativeProps
*/
export let setNativeProps;
function setNativePropsNative(animatedRef, updates) {
'worklet';
if (globalThis.__RUNTIME_KIND === RuntimeKind.ReactNative) {
logger.warn('setNativeProps() can only be used on the UI runtime.');
return;
}
const shadowNodeWrapper = animatedRef();
processColorsInProps(updates);
global._updateProps([{
shadowNodeWrapper,
updates
}]);
}
function setNativePropsJest() {
logger.warn('setNativeProps() is not supported with Jest.');
}
function setNativePropsDefault() {
logger.warn('setNativeProps() is not supported on this configuration.');
}
if (!SHOULD_BE_USE_WEB) {
// Those assertions are actually correct since on Native platforms `AnimatedRef` is
// mapped as a different function in `serializableMappingCache` and
// TypeScript is not able to infer that.
setNativeProps = setNativePropsNative;
} else if (IS_JEST) {
setNativeProps = setNativePropsJest;
} else {
setNativeProps = setNativePropsDefault;
}
//# sourceMappingURL=setNativeProps.js.map