[animated] Support scientific notation in string interpolation

Author: msand

Libraries/Animated/src/nodes/AnimatedInterpolation.js

@@ -181,7 +181,7 @@ function colorToRgba(input: string): string {
   return `rgba(${r}, ${g}, ${b}, ${a})`;
 }
 
-const stringShapeRegex = /[0-9\.-]+/g;
+const stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;
 
 /**
  * Supports string shapes by extracting numbers so new values can be computed,

Libraries/NativeAnimation/Nodes/RCTInterpolationAnimatedNode.m

@@ -31,7 +31,8 @@ - (instancetype)initWithTag:(NSNumber *)tag
 {
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-    regex = [NSRegularExpression regularExpressionWithPattern:@"[0-9.-]+" options:NSRegularExpressionCaseInsensitive error:nil];
+    NSString *fpRegex = @"[+-]?(\\d+\\.?\\d*|\\.\\d+)([eE][+-]?\\d+)?";
+    regex = [NSRegularExpression regularExpressionWithPattern:fpRegex options:NSRegularExpressionCaseInsensitive error:nil];
   });
   if ((self = [super initWithTag:tag config:config])) {
     _inputRange = [config[@"inputRange"] copy];

ReactAndroid/src/main/java/com/facebook/react/animated/InterpolationAnimatedNode.java

@@ -27,7 +27,9 @@
   public static final String EXTRAPOLATE_TYPE_IDENTITY = "identity";
   public static final String EXTRAPOLATE_TYPE_CLAMP = "clamp";
   public static final String EXTRAPOLATE_TYPE_EXTEND = "extend";
-  static final Pattern regex = Pattern.compile("[0-9.-]+");
+
+  private static final String fpRegex = "[+-]?(\\d+\\.?\\d*|\\.\\d+)([eE][+-]?\\d+)?";
+  private static final Pattern fpPattern = Pattern.compile(fpRegex);
 
   private static double[] fromDoubleArray(ReadableArray ary) {
     double[] res = new double[ary.size()];
@@ -139,11 +141,11 @@ public InterpolationAnimatedNode(ReadableMap config) {
       mOutputRange = new double[size];
       mPattern = output.getString(0);
       mShouldRound = mPattern.startsWith("rgb");
-      mSOutputMatcher = regex.matcher(mPattern);
+      mSOutputMatcher = fpPattern.matcher(mPattern);
       ArrayList<ArrayList<Double>> mOutputRanges = new ArrayList<>();
       for (int i = 0; i < size; i++) {
         String val = output.getString(i);
-        Matcher m = regex.matcher(val);
+        Matcher m = fpPattern.matcher(val);
         ArrayList<Double> outputRange = new ArrayList<>();
         mOutputRanges.add(outputRange);
         while (m.find()) {