mirror of
https://github.com/status-im/react-native.git
synced 2025-01-28 10:14:49 +00:00
df05311777
Summary:
This adds support for the `transform` animated node. This brings feature parity with the iOS implementation and allows running the NativeAnimated UIExplorer example that was created with the iOS implementation on Android. This is based on some work by kmagiera in the exponent RN fork.
This also adds support for mixing static values with animated ones in the same transform as well which is not supported on iOS at the moment. It is also implemented in a way that rebuilds the transform matrix the same way as we build it in JS so it will be easy to remove some of the current limitations like forcing the transforms order and only supporting one of each type.
**Test plan (required)**
Tested with the NativeAnimated example on Android and iOS. Also tested mixing in static values in a transform (`[{ rotate: '45deg' }, { translateX: animatedValue }]`).
Closes https://github.com/facebook/react-native/pull/8839
Differential Revision: D3682143
fbshipit-source-id: 5e6fd4b0b8be6a76053f24a36d1785771690a6f8
95 lines
2.8 KiB
Objective-C
95 lines
2.8 KiB
Objective-C
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
#import "RCTTransformAnimatedNode.h"
|
|
#import "RCTValueAnimatedNode.h"
|
|
|
|
@implementation RCTTransformAnimatedNode
|
|
{
|
|
NSMutableDictionary<NSString *, NSObject *> *_updatedPropsDictionary;
|
|
}
|
|
|
|
- (instancetype)initWithTag:(NSNumber *)tag
|
|
config:(NSDictionary<NSString *, id> *)config;
|
|
{
|
|
if ((self = [super initWithTag:tag config:config])) {
|
|
_updatedPropsDictionary = [NSMutableDictionary new];
|
|
}
|
|
return self;
|
|
}
|
|
|
|
- (NSDictionary *)updatedPropsDictionary
|
|
{
|
|
return _updatedPropsDictionary;
|
|
}
|
|
|
|
- (void)performUpdate
|
|
{
|
|
[super performUpdate];
|
|
|
|
CATransform3D transform = CATransform3DIdentity;
|
|
|
|
NSArray<NSDictionary *> *transformConfigs = self.config[@"transforms"];
|
|
for (NSDictionary *transformConfig in transformConfigs) {
|
|
NSString *type = transformConfig[@"type"];
|
|
// TODO: Support static transform values.
|
|
if (![type isEqualToString: @"animated"]) {
|
|
continue;
|
|
}
|
|
|
|
NSNumber *nodeTag = transformConfig[@"nodeTag"];
|
|
|
|
RCTAnimatedNode *node = self.parentNodes[nodeTag];
|
|
if (node.hasUpdated && [node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
|
RCTValueAnimatedNode *parentNode = (RCTValueAnimatedNode *)node;
|
|
|
|
NSString *property = transformConfig[@"property"];
|
|
CGFloat value = parentNode.value;
|
|
|
|
if ([property isEqualToString:@"scale"]) {
|
|
transform = CATransform3DScale(transform, value, value, 1);
|
|
|
|
} else if ([property isEqualToString:@"scaleX"]) {
|
|
transform = CATransform3DScale(transform, value, 1, 1);
|
|
|
|
} else if ([property isEqualToString:@"scaleY"]) {
|
|
transform = CATransform3DScale(transform, 1, value, 1);
|
|
|
|
} else if ([property isEqualToString:@"translateX"]) {
|
|
transform = CATransform3DTranslate(transform, value, 0, 0);
|
|
|
|
} else if ([property isEqualToString:@"translateY"]) {
|
|
transform = CATransform3DTranslate(transform, 0, value, 0);
|
|
|
|
} else if ([property isEqualToString:@"rotate"]) {
|
|
transform = CATransform3DRotate(transform, value, 0, 0, 1);
|
|
|
|
} else if ([property isEqualToString:@"rotateX"]) {
|
|
transform = CATransform3DRotate(transform, value, 1, 0, 0);
|
|
|
|
} else if ([property isEqualToString:@"rotateY"]) {
|
|
transform = CATransform3DRotate(transform, value, 0, 1, 0);
|
|
|
|
} else if ([property isEqualToString:@"perspective"]) {
|
|
transform.m34 = 1.0 / -value;
|
|
}
|
|
}
|
|
}
|
|
|
|
_updatedPropsDictionary[@"transform"] = [NSValue valueWithCATransform3D:transform];
|
|
}
|
|
|
|
- (void)cleanupAnimationUpdate
|
|
{
|
|
[super cleanupAnimationUpdate];
|
|
[_updatedPropsDictionary removeAllObjects];
|
|
}
|
|
|
|
@end
|