react-native 0.84.0-nightly-20251216-c16eb23a1 → 0.84.0-nightly-20251218-c7f433a41

package/ReactCommon/react/renderer/animationbackend/AnimatedProps.h

@@ -17,6 +17,8 @@ enum PropName {
   WIDTH,
   HEIGHT,
   BORDER_RADII,
+  BORDER_WIDTH,
+  BORDER_COLOR,
   MARGIN,
   PADDING,
   POSITION,
@@ -26,7 +28,12 @@ enum PropName {
   SHADOW_COLOR,
   SHADOW_OFFSET,
   SHADOW_OPACITY,
-  SHADOW_RADIUS
+  SHADOW_RADIUS,
+  FILTER,
+  OUTLINE_COLOR,
+  OUTLINE_OFFSET,
+  OUTLINE_STYLE,
+  OUTLINE_WIDTH
 };
 
 struct AnimatedPropBase {
@@ -78,6 +85,42 @@ inline void cloneProp(BaseViewProps &viewProps, const AnimatedPropBase &animated
       viewProps.borderRadii = get<CascadedBorderRadii>(animatedProp);
       break;
 
+    case BORDER_WIDTH: {
+      const auto &borderWidths = get<CascadedRectangleEdges<yoga::StyleLength>>(animatedProp);
+      if (borderWidths.left.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::Left, borderWidths.left.value());
+      }
+      if (borderWidths.top.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::Top, borderWidths.top.value());
+      }
+      if (borderWidths.right.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::Right, borderWidths.right.value());
+      }
+      if (borderWidths.bottom.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::Bottom, borderWidths.bottom.value());
+      }
+      if (borderWidths.start.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::Start, borderWidths.start.value());
+      }
+      if (borderWidths.end.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::End, borderWidths.end.value());
+      }
+      if (borderWidths.horizontal.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::Horizontal, borderWidths.horizontal.value());
+      }
+      if (borderWidths.vertical.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::Vertical, borderWidths.vertical.value());
+      }
+      if (borderWidths.all.has_value()) {
+        viewProps.yogaStyle.setBorder(yoga::Edge::All, borderWidths.all.value());
+      }
+      break;
+    }
+
+    case BORDER_COLOR:
+      viewProps.borderColors = get<CascadedBorderColors>(animatedProp);
+      break;
+
     case MARGIN: {
       const auto &margins = get<CascadedRectangleEdges<yoga::StyleLength>>(animatedProp);
       if (margins.left.has_value()) {
@@ -202,6 +245,26 @@ inline void cloneProp(BaseViewProps &viewProps, const AnimatedPropBase &animated
       viewProps.shadowRadius = get<Float>(animatedProp);
       break;
 
+    case FILTER:
+      viewProps.filter = get<std::vector<FilterFunction>>(animatedProp);
+      break;
+
+    case OUTLINE_COLOR:
+      viewProps.outlineColor = get<SharedColor>(animatedProp);
+      break;
+
+    case OUTLINE_OFFSET:
+      viewProps.outlineOffset = get<Float>(animatedProp);
+      break;
+
+    case OUTLINE_STYLE:
+      viewProps.outlineStyle = get<OutlineStyle>(animatedProp);
+      break;
+
+    case OUTLINE_WIDTH:
+      viewProps.outlineWidth = get<Float>(animatedProp);
+      break;
+
     default:
       break;
   }

package/ReactCommon/react/renderer/animationbackend/AnimatedPropsBuilder.h

@@ -7,6 +7,7 @@
 
 #pragma once
 #include <react/renderer/components/view/BaseViewProps.h>
+#include <react/renderer/graphics/Filter.h>
 #include "AnimatedProps.h"
 
 namespace facebook::react {
@@ -31,6 +32,14 @@ struct AnimatedPropsBuilder {
   {
     props.push_back(std::make_unique<AnimatedProp<CascadedBorderRadii>>(BORDER_RADII, value));
   }
+  void setBorderWidth(CascadedRectangleEdges<yoga::StyleLength> &value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<CascadedRectangleEdges<yoga::StyleLength>>>(BORDER_WIDTH, value));
+  }
+  void setBorderColor(CascadedBorderColors &value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<CascadedBorderColors>>(BORDER_COLOR, value));
+  }
   void setMargin(CascadedRectangleEdges<yoga::StyleLength> &value)
   {
     props.push_back(std::make_unique<AnimatedProp<CascadedRectangleEdges<yoga::StyleLength>>>(MARGIN, value));
@@ -67,6 +76,26 @@ struct AnimatedPropsBuilder {
   {
     props.push_back(std::make_unique<AnimatedProp<Size>>(SHADOW_OFFSET, value));
   }
+  void setFilter(const std::vector<FilterFunction> &value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<std::vector<FilterFunction>>>(FILTER, std::move(value)));
+  }
+  void setOutlineColor(SharedColor value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<SharedColor>>(OUTLINE_COLOR, value));
+  }
+  void setOutlineOffset(Float value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<Float>>(OUTLINE_OFFSET, value));
+  }
+  void setOutlineStyle(OutlineStyle value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<OutlineStyle>>(OUTLINE_STYLE, value));
+  }
+  void setOutlineWidth(Float value)
+  {
+    props.push_back(std::make_unique<AnimatedProp<Float>>(OUTLINE_WIDTH, value));
+  }
   void storeDynamic(folly::dynamic &d)
   {
     rawProps = std::make_unique<RawProps>(std::move(d));

package/ReactCommon/react/renderer/animationbackend/AnimatedPropsRegistry.h

@@ -127,6 +127,41 @@ inline void updateProp(const PropName propName, BaseViewProps &viewProps, const
           yoga::Edge::Horizontal, snapshot.props.yogaStyle.position(yoga::Edge::Horizontal));
       viewProps.yogaStyle.setPosition(yoga::Edge::Vertical, snapshot.props.yogaStyle.position(yoga::Edge::Vertical));
       break;
+
+    case BORDER_WIDTH:
+      viewProps.yogaStyle.setBorder(yoga::Edge::Left, snapshot.props.yogaStyle.border(yoga::Edge::Left));
+      viewProps.yogaStyle.setBorder(yoga::Edge::Right, snapshot.props.yogaStyle.border(yoga::Edge::Right));
+      viewProps.yogaStyle.setBorder(yoga::Edge::Top, snapshot.props.yogaStyle.border(yoga::Edge::Top));
+      viewProps.yogaStyle.setBorder(yoga::Edge::Bottom, snapshot.props.yogaStyle.border(yoga::Edge::Bottom));
+      viewProps.yogaStyle.setBorder(yoga::Edge::Start, snapshot.props.yogaStyle.border(yoga::Edge::Start));
+      viewProps.yogaStyle.setBorder(yoga::Edge::End, snapshot.props.yogaStyle.border(yoga::Edge::End));
+      viewProps.yogaStyle.setBorder(yoga::Edge::Horizontal, snapshot.props.yogaStyle.border(yoga::Edge::Horizontal));
+      viewProps.yogaStyle.setBorder(yoga::Edge::Vertical, snapshot.props.yogaStyle.border(yoga::Edge::Vertical));
+      break;
+
+    case BORDER_COLOR:
+      viewProps.borderColors = snapshot.props.borderColors;
+      break;
+
+    case FILTER:
+      viewProps.filter = snapshot.props.filter;
+      break;
+
+    case OUTLINE_COLOR:
+      viewProps.outlineColor = snapshot.props.outlineColor;
+      break;
+
+    case OUTLINE_OFFSET:
+      viewProps.outlineOffset = snapshot.props.outlineOffset;
+      break;
+
+    case OUTLINE_STYLE:
+      viewProps.outlineStyle = snapshot.props.outlineStyle;
+      break;
+
+    case OUTLINE_WIDTH:
+      viewProps.outlineWidth = snapshot.props.outlineWidth;
+      break;
   }
 }
 

package/ReactCommon/react/renderer/animationbackend/AnimationBackend.cpp

@@ -56,7 +56,8 @@ static inline bool mutationHasLayoutUpdates(
     if (animatedProp->propName == WIDTH || animatedProp->propName == HEIGHT ||
         animatedProp->propName == FLEX || animatedProp->propName == MARGIN ||
         animatedProp->propName == PADDING ||
-        animatedProp->propName == POSITION) {
+        animatedProp->propName == POSITION ||
+        animatedProp->propName == BORDER_WIDTH) {
       return true;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native",
-  "version": "0.84.0-nightly-20251216-c16eb23a1",
+  "version": "0.84.0-nightly-20251218-c7f433a41",
   "description": "A framework for building native apps using React",
   "license": "MIT",
   "repository": {
@@ -160,13 +160,13 @@
   },
   "dependencies": {
     "@jest/create-cache-key-function": "^29.7.0",
-    "@react-native/assets-registry": "0.84.0-nightly-20251216-c16eb23a1",
-    "@react-native/codegen": "0.84.0-nightly-20251216-c16eb23a1",
-    "@react-native/community-cli-plugin": "0.84.0-nightly-20251216-c16eb23a1",
-    "@react-native/gradle-plugin": "0.84.0-nightly-20251216-c16eb23a1",
-    "@react-native/js-polyfills": "0.84.0-nightly-20251216-c16eb23a1",
-    "@react-native/normalize-colors": "0.84.0-nightly-20251216-c16eb23a1",
-    "@react-native/virtualized-lists": "0.84.0-nightly-20251216-c16eb23a1",
+    "@react-native/assets-registry": "0.84.0-nightly-20251218-c7f433a41",
+    "@react-native/codegen": "0.84.0-nightly-20251218-c7f433a41",
+    "@react-native/community-cli-plugin": "0.84.0-nightly-20251218-c7f433a41",
+    "@react-native/gradle-plugin": "0.84.0-nightly-20251218-c7f433a41",
+    "@react-native/js-polyfills": "0.84.0-nightly-20251218-c7f433a41",
+    "@react-native/normalize-colors": "0.84.0-nightly-20251218-c7f433a41",
+    "@react-native/virtualized-lists": "0.84.0-nightly-20251218-c7f433a41",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",

package/scripts/cocoapods/new_architecture.rb

@@ -135,9 +135,13 @@ class NewArchitectureHelper
 
         depend_on_js_engine(spec)
         add_rn_third_party_dependencies(spec)
-        add_rncore_dependency(spec)
 
         spec.pod_target_xcconfig = current_config
+
+        # add_rncore_dependency must be called after setting pod_target_xcconfig
+        # because it reads and modifies the xcconfig. If called before, its changes
+        # would be overwritten by the assignment above.
+        add_rncore_dependency(spec)
     end
 
     def self.extract_react_native_version(react_native_path, file_manager: File, json_parser: JSON)

package/scripts/react_native_pods.rb

@@ -84,6 +84,14 @@ def use_react_native! (
   # This is needed as part of our migration away from cocoapods
   ENV['RCT_SKIP_CODEGEN'] = ENV['RCT_SKIP_CODEGEN'] == '1' || ENV['RCT_IGNORE_PODS_DEPRECATION'] == '1' ? '1' : '0'
 
+  # Use the React Native precompiled binaries by default.
+  # Users can still turn them off and build from source by setting the environment variable to 0.
+  ENV['RCT_USE_RN_DEP'] = ENV['RCT_USE_RN_DEP'] == '0' ? '0' : '1'
+  ENV['RCT_USE_PREBUILT_RNCORE'] = ENV['RCT_USE_PREBUILT_RNCORE'] == '0' ? '0' : '1'
+  # Make `REMOVE_LEGACY_ARCH` enabled by default. This will build React Native
+  # excluding the legacy arch unless the user turns this flag off explicitly.
+  ENV['RCT_REMOVE_LEGACY_ARCH'] = ENV['RCT_REMOVE_LEGACY_ARCH'] == '0' ? '0' : '1'
+
   ReactNativePodsUtils.check_minimum_required_xcode()
 
   # Current target definition is provided by Cocoapods and it refers to the target

package/src/private/featureflags/ReactNativeFeatureFlags.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<b16ca6ca4e47b347e4f5cb8555d3308f>>
+ * @generated SignedSource<<6b37c02e334fb00f22ce27bb787104cc>>
  * @flow strict
  * @noformat
  */
@@ -558,7 +558,7 @@ export const useRawPropsJsiValue: Getter<boolean> = createNativeFlagGetter('useR
 /**
  * Use the state stored on the source shadow node when cloning it instead of reading in the most recent state on the shadow node family.
  */
-export const useShadowNodeStateOnClone: Getter<boolean> = createNativeFlagGetter('useShadowNodeStateOnClone', false);
+export const useShadowNodeStateOnClone: Getter<boolean> = createNativeFlagGetter('useShadowNodeStateOnClone', true);
 /**
  * Use shared animation backend in C++ Animated
  */