mirror of
https://github.com/status-im/react-native.git
synced 2025-01-18 21:40:57 +00:00
c858420b2d
Summary: This diff attempts to fix a number of iOS native animation bugs related to improper node invalidation and a race with view creation. The major issues were presented in #9120 as problems 3 and 3b, but I'll recap here: The invalidation model we use is overly complicated and incomplete. The proper combination of `_needsUpdate` and `_hasUpdated` will result in nodes values being recomputed. However, we do not invalidate nodes in all the places we should, e.g. if we create a new view and attach it to an existing value node (see example in #9120). This diff chooses to remove the `_hasUpdated` flag, and simply relies on the `_needsUpdate` flag to mark a node as dirty. We mark nodes as dirty when they are: - created - updated - attached to new parents - detached from old parents - attached to a view Calling `updateNodeIfNecessary` will, if necessary, compute all invalidated parent values before recomputing the node value. It will then apply the update, and mark the no Closes https://github.com/facebook/react-native/pull/10663 Differential Revision: D4120301 Pulled By: mkonicek fbshipit-source-id: e247afcb5d8c15999b8328c664b9f7e764d76a75
89 lines
2.7 KiB
Objective-C
89 lines
2.7 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 *> *_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];
|
|
|
|
CATransform3D transform = CATransform3DIdentity;
|
|
|
|
NSArray<NSDictionary *> *transformConfigs = self.config[@"transforms"];
|
|
for (NSDictionary *transformConfig in transformConfigs) {
|
|
NSString *type = transformConfig[@"type"];
|
|
NSString *property = transformConfig[@"property"];
|
|
|
|
CGFloat value;
|
|
if ([type isEqualToString: @"animated"]) {
|
|
NSNumber *nodeTag = transformConfig[@"nodeTag"];
|
|
RCTAnimatedNode *node = self.parentNodes[nodeTag];
|
|
if (![node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
|
continue;
|
|
}
|
|
RCTValueAnimatedNode *parentNode = (RCTValueAnimatedNode *)node;
|
|
value = parentNode.value;
|
|
} else {
|
|
value = [transformConfig[@"value"] floatValue];
|
|
}
|
|
|
|
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;
|
|
}
|
|
}
|
|
|
|
_propsDictionary[@"transform"] = [NSValue valueWithCATransform3D:transform];
|
|
}
|
|
|
|
@end
|