react-native-reanimated 4.2.2 → 4.2.3

package/Common/cpp/reanimated/NativeModules/ReanimatedModuleProxy.h

@@ -99,7 +99,8 @@ class ReanimatedModuleProxy : public ReanimatedModuleProxySpec,
   void maybeRunCSSLoop();
   double getCssTimestamp();
 
-  void performOperations(const bool isTriggeredByEvent);
+  void performOperations();
+  void performNonLayoutOperations();
 
   void setViewStyle(jsi::Runtime &rt, const jsi::Value &viewTag, const jsi::Value &viewStyle) override;
 
@@ -179,6 +180,7 @@ class ReanimatedModuleProxy : public ReanimatedModuleProxySpec,
 
  private:
   void commitUpdates(jsi::Runtime &rt, const UpdatesBatch &updatesBatch);
+  void applySynchronousUpdates(UpdatesBatch &updatesBatch, bool allowPartialUpdates = false);
 
   const bool isReducedMotion_;
   bool shouldFlushRegistry_ = false;

package/android/src/main/cpp/reanimated/android/NativeProxy.cpp

@@ -112,8 +112,12 @@ bool NativeProxy::isAnyHandlerWaitingForEvent(const std::string &eventName, cons
   return reanimatedModuleProxy_->isAnyHandlerWaitingForEvent(eventName, emitterReactTag);
 }
 
-void NativeProxy::performOperations(const bool isTriggeredByEvent) {
-  reanimatedModuleProxy_->performOperations(isTriggeredByEvent);
+void NativeProxy::performOperations() {
+  reanimatedModuleProxy_->performOperations();
+}
+
+void NativeProxy::performNonLayoutOperations() {
+  reanimatedModuleProxy_->performNonLayoutOperations();
 }
 
 bool NativeProxy::getIsReducedMotion() {
@@ -127,6 +131,7 @@ void NativeProxy::registerNatives() {
        makeNativeMethod("installJSIBindings", NativeProxy::installJSIBindings),
        makeNativeMethod("isAnyHandlerWaitingForEvent", NativeProxy::isAnyHandlerWaitingForEvent),
        makeNativeMethod("performOperations", NativeProxy::performOperations),
+       makeNativeMethod("performNonLayoutOperations", NativeProxy::performNonLayoutOperations),
        makeNativeMethod("invalidateCpp", NativeProxy::invalidateCpp)});
 }
 

package/android/src/main/cpp/reanimated/android/NativeProxy.h

@@ -55,7 +55,8 @@ class NativeProxy : public jni::HybridClass<NativeProxy>, std::enable_shared_fro
 
   double getAnimationTimestamp();
   bool isAnyHandlerWaitingForEvent(const std::string &eventName, const int emitterReactTag);
-  void performOperations(const bool isTriggeredByEvent);
+  void performOperations();
+  void performNonLayoutOperations();
   bool getIsReducedMotion();
   void requestRender(std::function<void(double)> onRender);
   void registerEventHandler();

package/android/src/main/java/com/swmansion/reanimated/DrawPassDetector.java

@@ -0,0 +1,82 @@
+package com.swmansion.reanimated;
+
+import android.app.Activity;
+import android.os.Handler;
+import android.os.Looper;
+import android.view.View;
+import android.view.ViewTreeObserver;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.UiThreadUtil;
+import javax.annotation.Nullable;
+
+/** Tracks whether the current UI thread turn is inside a draw pass. */
+class DrawPassDetector {
+  private final ReactApplicationContext mContext;
+  private final Handler mHandler = new Handler(Looper.getMainLooper());
+  private final Runnable mClearRunnable = () -> mIsInDrawPass = false;
+  private boolean mIsInDrawPass = false;
+  @Nullable private View mDecorView = null;
+
+  private final ViewTreeObserver.OnDrawListener mOnDrawListener =
+      () -> {
+        mIsInDrawPass = true;
+        mHandler.postAtFrontOfQueue(mClearRunnable);
+      };
+
+  DrawPassDetector(ReactApplicationContext context) {
+    mContext = context;
+  }
+
+  void initialize() {
+    Activity activity = mContext.getCurrentActivity();
+    if (activity == null) {
+      return;
+    }
+
+    View decorView = activity.getWindow().getDecorView();
+    if (decorView == mDecorView) {
+      return;
+    }
+
+    // Decor view has changed (e.g. Activity recreated) — detach from the old one first.
+    if (mDecorView != null) {
+      ViewTreeObserver oldObserver = mDecorView.getViewTreeObserver();
+      if (oldObserver.isAlive()) {
+        oldObserver.removeOnDrawListener(mOnDrawListener);
+      }
+      mDecorView = null;
+    }
+
+    ViewTreeObserver observer = decorView.getViewTreeObserver();
+    if (!observer.isAlive()) {
+      return;
+    }
+
+    mDecorView = decorView;
+    observer.addOnDrawListener(mOnDrawListener);
+  }
+
+  boolean isInDrawPass() {
+    return mIsInDrawPass;
+  }
+
+  void invalidate() {
+    if (UiThreadUtil.isOnUiThread()) {
+      invalidateOnUiThread();
+    } else {
+      mHandler.post(this::invalidateOnUiThread);
+    }
+  }
+
+  private void invalidateOnUiThread() {
+    if (mDecorView != null) {
+      ViewTreeObserver observer = mDecorView.getViewTreeObserver();
+      if (observer.isAlive()) {
+        observer.removeOnDrawListener(mOnDrawListener);
+      }
+      mDecorView = null;
+    }
+    mHandler.removeCallbacks(mClearRunnable);
+    mIsInDrawPass = false;
+  }
+}

package/android/src/main/java/com/swmansion/reanimated/NativeProxy.java

@@ -110,7 +110,9 @@ public class NativeProxy {
 
   public native boolean isAnyHandlerWaitingForEvent(String eventName, int emitterReactTag);
 
-  public native void performOperations(boolean isTriggeredByEvent);
+  public native void performOperations();
+
+  public native void performNonLayoutOperations();
 
   protected native void installJSIBindings();
 
@@ -503,7 +505,7 @@ public class NativeProxy {
   void maybeFlushUIUpdatesQueue() {
     UiThreadUtil.assertOnUiThread();
     if (!mNodesManager.isAnimationRunning()) {
-      mNodesManager.performOperations(false);
+      mNodesManager.performOperationsRespectingDrawPass();
     }
   }
 }

package/android/src/main/java/com/swmansion/reanimated/NodesManager.java

@@ -44,6 +44,7 @@ public class NodesManager implements EventDispatcherListener {
   private ConcurrentLinkedQueue<CopiedEvent> mEventQueue = new ConcurrentLinkedQueue<>();
   private double lastFrameTimeMs;
   private FabricUIManager mFabricUIManager;
+  private final DrawPassDetector mDrawPassDetector;
 
   public NativeProxy getNativeProxy() {
     return mNativeProxy;
@@ -57,6 +58,8 @@ public class NodesManager implements EventDispatcherListener {
       mNativeProxy = null;
     }
 
+    mDrawPassDetector.invalidate();
+
     if (mFabricUIManager != null) {
       mFabricUIManager.getEventDispatcher().removeListener(this);
     }
@@ -69,6 +72,7 @@ public class NodesManager implements EventDispatcherListener {
     assert uiManager != null;
     mCustomEventNamesResolver = uiManager::resolveCustomDirectEventName;
     mEventEmitter = context.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class);
+    mDrawPassDetector = new DrawPassDetector(context);
 
     mReactChoreographer = ReactChoreographer.getInstance();
     mChoreographerCallback =
@@ -115,11 +119,33 @@ public class NodesManager implements EventDispatcherListener {
     }
   }
 
-  public void performOperations(boolean isTriggeredByEvent) {
+  public void performOperations() {
     UiThreadUtil.assertOnUiThread();
     if (mNativeProxy != null) {
-      mNativeProxy.performOperations(isTriggeredByEvent);
+      mNativeProxy.performOperations();
+    }
+  }
+
+  void performNonLayoutOperations() {
+    UiThreadUtil.assertOnUiThread();
+    if (mNativeProxy != null) {
+      mNativeProxy.performNonLayoutOperations();
+    }
+  }
+
+  void performOperationsRespectingDrawPass() {
+    mDrawPassDetector.initialize();
+    if (isInDrawPass()) {
+      performNonLayoutOperations();
+      startUpdatingOnAnimationFrame();
+      return;
     }
+
+    performOperations();
+  }
+
+  boolean isInDrawPass() {
+    return mDrawPassDetector.isInDrawPass();
   }
 
   private void onAnimationFrame(long frameTimeNanos) {
@@ -130,6 +156,8 @@ public class NodesManager implements EventDispatcherListener {
         Trace.beginSection("onAnimationFrame");
       }
 
+      mDrawPassDetector.initialize();
+
       double currentFrameTimeMs = frameTimeNanos / 1000000.;
       if (mSlowAnimationsEnabled) {
         currentFrameTimeMs =
@@ -155,7 +183,7 @@ public class NodesManager implements EventDispatcherListener {
           }
         }
 
-        performOperations(false);
+        performOperations();
       }
 
       mCallbackPosted.set(false);
@@ -189,7 +217,7 @@ public class NodesManager implements EventDispatcherListener {
       // the UI thread.
       if (UiThreadUtil.isOnUiThread()) {
         handleEvent(event);
-        performOperations(true);
+        performOperationsRespectingDrawPass();
       } else {
         String eventName = mCustomEventNamesResolver.resolveCustomEventName(event.getEventName());
         int viewTag = event.getViewTag();

package/apple/reanimated/apple/native/NativeProxy.mm

@@ -46,7 +46,7 @@ std::shared_ptr<ReanimatedModuleProxy> createReanimatedModuleProxy(
   std::weak_ptr<ReanimatedModuleProxy> weakReanimatedModuleProxy = reanimatedModuleProxy; // to avoid retain cycle
   [nodesManager registerPerformOperations:^() {
     if (auto reanimatedModuleProxy = weakReanimatedModuleProxy.lock()) {
-      reanimatedModuleProxy->performOperations(false);
+      reanimatedModuleProxy->performOperations();
     }
   }];
 

package/compatibility.json

@@ -6,7 +6,7 @@
     },
     "4.2.x": {
       "react-native": ["0.80", "0.81", "0.82", "0.83", "0.84"],
-      "react-native-worklets": ["0.7.x"]
+      "react-native-worklets": ["0.7.x", "0.8.x"]
     },
     "4.1.x": {
       "react-native": ["0.78", "0.79", "0.80", "0.81", "0.82"],

package/lib/module/platform-specific/jsVersion.js

@@ -5,5 +5,5 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export const jsVersion = '4.2.2';
+export const jsVersion = '4.2.3';
 //# sourceMappingURL=jsVersion.js.map

package/lib/typescript/platform-specific/jsVersion.d.ts

@@ -3,5 +3,5 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export declare const jsVersion = "4.2.2";
+export declare const jsVersion = "4.2.3";
 //# sourceMappingURL=jsVersion.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated",
-  "version": "4.2.2",
+  "version": "4.2.3",
   "description": "More powerful alternative to Animated library for React Native.",
   "keywords": [
     "react-native",
@@ -37,7 +37,8 @@
     "build": "yarn workspace react-native-worklets build && bob build",
     "circular-dependency-check": "yarn madge --extensions js,jsx --circular lib",
     "prepack": "cp ../../README.md ./README.md",
-    "postpack": "rm ./README.md"
+    "postpack": "rm ./README.md",
+    "validate-peers": "node ../../scripts/validate-compatibility-peer-dependencies.js"
   },
   "main": "lib/module/index",
   "module": "lib/module/index",
@@ -92,13 +93,13 @@
   },
   "homepage": "https://docs.swmansion.com/react-native-reanimated",
   "dependencies": {
-    "react-native-is-edge-to-edge": "1.2.1",
-    "semver": "7.7.3"
+    "react-native-is-edge-to-edge": "^1.2.1",
+    "semver": "^7.7.3"
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*",
-    "react-native-worklets": ">=0.7.0"
+    "react-native": "0.80 - 0.84",
+    "react-native-worklets": "0.7 - 0.8"
   },
   "devDependencies": {
     "@babel/core": "7.28.4",
@@ -132,7 +133,7 @@
     "react-native-builder-bob": "0.40.13",
     "react-native-svg": "15.14.0",
     "react-native-web": "0.21.1",
-    "react-native-worklets": "0.8.0-nightly-20260211-96ab3f00d",
+    "react-native-worklets": "0.8.0",
     "react-test-renderer": "19.2.3",
     "typescript": "5.8.3"
   },

package/scripts/worklets-version.json

@@ -1,4 +1 @@
-{
-  "min": "0.7.0",
-  "max": "0.7"
-}
+{ "min": "0.7.0", "max": "0.8" }

package/src/platform-specific/jsVersion.ts

@@ -4,4 +4,4 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export const jsVersion = '4.2.2';
+export const jsVersion = '4.2.3';