Add support for native animations on iOS

Summary: Currently on iOS animations are being performed on the JS thread. This ports animations over to the native thread and performs them natively. A lot of this work has already been done on Android, but this PR enables a few animation nodes that Android doesn't yet support such as Transform, Multiplication, and Addition nodes. Also there is a demo of the native animations added to the UIExplorer app. Closes https://github.com/facebook/react-native/pull/7884 Reviewed By: javache Differential Revision: D3409179 Pulled By: nicklockwood fbshipit-source-id: ef2d8840032e0c32f49e4a16ba86d448662e1751
2026-04-26 23:05:00 +08:00 · 2016-06-09 10:34:41 -07:00
parent 9bdb63c234
commit 19e2388a76
32 changed files with 1985 additions and 8 deletions
--- a/Libraries/NativeAnimation/Nodes/RCTInterpolationAnimatedNode.m
+++ b/Libraries/NativeAnimation/Nodes/RCTInterpolationAnimatedNode.m
@@ -0,0 +1,97 @@
+/**
+ * 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 "RCTInterpolationAnimatedNode.h"
+#import "RCTAnimationUtils.h"
+
+@implementation RCTInterpolationAnimatedNode
+{
+  __weak RCTValueAnimatedNode *_parentNode;
+  NSArray<NSNumber *> *_inputRange;
+  NSArray<NSNumber *> *_outputRange;
+}
+
+- (instancetype)initWithTag:(NSNumber *)tag
+                     config:(NSDictionary<NSString *, id> *)config
+{
+  if ((self = [super initWithTag:tag config:config])) {
+    _inputRange = [config[@"inputRange"] copy];
+    NSMutableArray *outputRange = [NSMutableArray array];
+    for (id value in config[@"outputRange"]) {
+      if ([value isKindOfClass:[NSNumber class]]) {
+        [outputRange addObject:value];
+      } else if ([value isKindOfClass:[NSString class]]) {
+        NSString *str = (NSString *)value;
+        if ([str hasSuffix:@"deg"]) {
+          double degrees = str.doubleValue;
+          [outputRange addObject:@(RCTDegreesToRadians(degrees))];
+        } else {
+          // Assume radians
+          [outputRange addObject:@(str.doubleValue)];
+        }
+      }
+    }
+    _outputRange = [outputRange copy];
+  }
+  return self;
+}
+
+- (void)onAttachedToNode:(RCTAnimatedNode *)parent
+{
+  [super onAttachedToNode:parent];
+  if ([parent isKindOfClass:[RCTValueAnimatedNode class]]) {
+    _parentNode = (RCTValueAnimatedNode *)parent;
+  }
+}
+
+- (void)onDetachedFromNode:(RCTAnimatedNode *)parent
+{
+  [super onDetachedFromNode:parent];
+  if (_parentNode == parent) {
+    _parentNode = nil;
+  }
+}
+
+- (NSUInteger)findIndexOfNearestValue:(CGFloat)value
+                              inRange:(NSArray<NSNumber *> *)range
+{
+  NSUInteger index;
+  NSUInteger rangeCount = range.count;
+  for (index = 1; index < rangeCount - 1; index++) {
+    NSNumber *inputValue = range[index];
+    if (inputValue.doubleValue >= value) {
+      break;
+    }
+  }
+  return index - 1;
+}
+
+- (void)performUpdate
+{
+  [super performUpdate];
+  if (!_parentNode) {
+    return;
+  }
+
+  NSUInteger rangeIndex = [self findIndexOfNearestValue:_parentNode.value
+                                                inRange:_inputRange];
+  NSNumber *inputMin = _inputRange[rangeIndex];
+  NSNumber *inputMax = _inputRange[rangeIndex + 1];
+  NSNumber *outputMin = _outputRange[rangeIndex];
+  NSNumber *outputMax = _outputRange[rangeIndex + 1];
+
+  CGFloat outputValue = RCTInterpolateValue(_parentNode.value,
+                                            inputMin.doubleValue,
+                                            inputMax.doubleValue,
+                                            outputMin.doubleValue,
+                                            outputMax.doubleValue);
+  self.value = outputValue;
+}
+
+@end