mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Pieter De Baets
56b10a8351
Summary: Color support for AnimatedInterpolation was incomplete with native drivers, as only rgba type strings were supported. There was also an issue where color props instead a StyleAnimatedNode would never get applied. We were also potentially duplicating color parsing support, which is already centralized in normalizeColor / processColor. Changelog: [iOS][Added] Enable AnimatedInterpolation to interpolate arbitrary color types. Reviewed By: philIip Differential Revision: D41649337 fbshipit-source-id: 505ba555b6a79113635fdfb35c6fe69c92d82234
59 lines
1.9 KiB
Objective-C
59 lines
1.9 KiB
Objective-C
/*
|
|
* 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.
|
|
*/
|
|
|
|
#import <React/RCTAnimationUtils.h>
|
|
#import <React/RCTColorAnimatedNode.h>
|
|
#import <React/RCTStyleAnimatedNode.h>
|
|
#import <React/RCTTransformAnimatedNode.h>
|
|
#import <React/RCTValueAnimatedNode.h>
|
|
|
|
@implementation RCTStyleAnimatedNode {
|
|
NSMutableDictionary<NSString *, NSObject *> *_propsDictionary;
|
|
}
|
|
|
|
- (instancetype)initWithTag:(NSNumber *)tag config:(NSDictionary<NSString *, id> *)config
|
|
{
|
|
if ((self = [super initWithTag:tag config:config])) {
|
|
_propsDictionary = [NSMutableDictionary new];
|
|
}
|
|
return self;
|
|
}
|
|
|
|
- (NSDictionary *)propsDictionary
|
|
{
|
|
return _propsDictionary;
|
|
}
|
|
|
|
- (void)performUpdate
|
|
{
|
|
[super performUpdate];
|
|
|
|
NSDictionary<NSString *, NSNumber *> *style = self.config[@"style"];
|
|
[style enumerateKeysAndObjectsUsingBlock:^(NSString *property, NSNumber *nodeTag, __unused BOOL *stop) {
|
|
RCTAnimatedNode *node = [self.parentNodes objectForKey:nodeTag];
|
|
if (node) {
|
|
if ([node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
|
RCTValueAnimatedNode *valueAnimatedNode = (RCTValueAnimatedNode *)node;
|
|
id animatedObject = valueAnimatedNode.animatedObject;
|
|
if (animatedObject) {
|
|
_propsDictionary[property] = animatedObject;
|
|
} else {
|
|
_propsDictionary[property] = @(valueAnimatedNode.value);
|
|
}
|
|
} else if ([node isKindOfClass:[RCTTransformAnimatedNode class]]) {
|
|
RCTTransformAnimatedNode *transformAnimatedNode = (RCTTransformAnimatedNode *)node;
|
|
[_propsDictionary addEntriesFromDictionary:transformAnimatedNode.propsDictionary];
|
|
} else if ([node isKindOfClass:[RCTColorAnimatedNode class]]) {
|
|
RCTColorAnimatedNode *colorAnimatedNode = (RCTColorAnimatedNode *)node;
|
|
_propsDictionary[property] = @(colorAnimatedNode.color);
|
|
}
|
|
}
|
|
}];
|
|
}
|
|
|
|
@end
|