react-native-windows 0.80.1 → 0.81.0-preview.1

package/jest/setup.js

@@ -4,21 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
  */
 
-'use strict';
-
 global.IS_REACT_ACT_ENVIRONMENT = true;
 // Suppress the `react-test-renderer` warnings until New Architecture and legacy
 // mode are no longer supported by React Native.
 global.IS_REACT_NATIVE_TEST_ENVIRONMENT = true;
 
-const MockNativeMethods = jest.requireActual('./MockNativeMethods');
-const mockComponent = jest.requireActual('./mockComponent');
+import '@react-native/js-polyfills/error-guard';
 
-jest.requireActual('@react-native/js-polyfills/error-guard');
+import mock from './mock';
 
+// $FlowIgnore[cannot-write]
 Object.defineProperties(global, {
   __DEV__: {
     configurable: true,
@@ -29,7 +28,9 @@ Object.defineProperties(global, {
   cancelAnimationFrame: {
     configurable: true,
     enumerable: true,
-    value: id => clearTimeout(id),
+    value(id: TimeoutID): void {
+      return clearTimeout(id);
+    },
     writable: true,
   },
   nativeFabricUIManager: {
@@ -42,6 +43,7 @@ Object.defineProperties(global, {
     configurable: true,
     enumerable: true,
     value: {
+      // $FlowIgnore[method-unbinding]
       now: jest.fn(Date.now),
     },
     writable: true,
@@ -49,13 +51,15 @@ Object.defineProperties(global, {
   regeneratorRuntime: {
     configurable: true,
     enumerable: true,
-    value: jest.requireActual('regenerator-runtime/runtime'),
+    value: jest.requireActual<mixed>('regenerator-runtime/runtime'),
     writable: true,
   },
   requestAnimationFrame: {
     configurable: true,
     enumerable: true,
-    value: callback => setTimeout(() => callback(jest.now()), 0),
+    value(callback: number => void): TimeoutID {
+      return setTimeout(() => callback(jest.now()), 0);
+    },
     writable: true,
   },
   window: {
@@ -66,444 +70,55 @@ Object.defineProperties(global, {
   },
 });
 
-jest
-  .mock('../Libraries/Core/InitializeCore', () => {})
-  .mock('../Libraries/Core/NativeExceptionsManager')
-  .mock('../Libraries/ReactNative/UIManager', () => ({
-    __esModule: true,
-    default: {
-      AndroidViewPager: {
-        Commands: {
-          setPage: jest.fn(),
-          setPageWithoutAnimation: jest.fn(),
-        },
-      },
-      blur: jest.fn(),
-      createView: jest.fn(),
-      customBubblingEventTypes: {},
-      customDirectEventTypes: {},
-      dispatchViewManagerCommand: jest.fn(),
-      focus: jest.fn(),
-      getViewManagerConfig: jest.fn(name => {
-        if (name === 'AndroidDrawerLayout') {
-          return {
-            Constants: {
-              DrawerPosition: {
-                Left: 10,
-              },
-            },
-          };
-        }
-      }),
-      hasViewManagerConfig: jest.fn(name => {
-        return name === 'AndroidDrawerLayout';
-      }),
-      measure: jest.fn(),
-      manageChildren: jest.fn(),
-      setChildren: jest.fn(),
-      updateView: jest.fn(),
-      AndroidDrawerLayout: {
-        Constants: {
-          DrawerPosition: {
-            Left: 10,
-          },
-        },
-      },
-      AndroidTextInput: {
-        Commands: {},
-      },
-      ScrollView: {
-        Constants: {},
-      },
-      View: {
-        Constants: {},
-      },
-    },
-  }))
-  .mock('../Libraries/Image/Image', () => ({
-    __esModule: true,
-    default: mockComponent(
-      '../Libraries/Image/Image',
-      /* instanceMethods */ null,
-      /* isESModule */ true,
-    ),
-  }))
-  .mock('../Libraries/Text/Text', () => ({
-    __esModule: true,
-    default: mockComponent(
-      '../Libraries/Text/Text',
-      MockNativeMethods,
-      /* isESModule */ true,
-    ),
-  }))
-  .mock('../Libraries/Components/TextInput/TextInput', () => ({
-    __esModule: true,
-    default: mockComponent(
-      '../Libraries/Components/TextInput/TextInput',
-      /* instanceMethods */ {
-        ...MockNativeMethods,
-        isFocused: jest.fn(),
-        clear: jest.fn(),
-        getNativeRef: jest.fn(),
-      },
-      /* isESModule */ true,
-    ),
-  }))
-  .mock('../Libraries/Modal/Modal', () => {
-    const baseComponent = mockComponent(
-      '../Libraries/Modal/Modal',
-      /* instanceMethods */ null,
-      /* isESModule */ true,
-    );
-    const mockModal = jest.requireActual('./mockModal');
-    return {
-      __esModule: true,
-      default: mockModal(baseComponent),
-    };
-  })
-  .mock('../Libraries/Components/View/View', () => ({
-    __esModule: true,
-    default: mockComponent(
-      '../Libraries/Components/View/View',
-      /* instanceMethods */ MockNativeMethods,
-      /* isESModule */ true,
-    ),
-  }))
-  .mock('../Libraries/Components/AccessibilityInfo/AccessibilityInfo', () => ({
-    __esModule: true,
-    default: {
-      addEventListener: jest.fn(() => ({
-        remove: jest.fn(),
-      })),
-      announceForAccessibility: jest.fn(),
-      announceForAccessibilityWithOptions: jest.fn(),
-      isAccessibilityServiceEnabled: jest.fn(() => Promise.resolve(false)),
-      isBoldTextEnabled: jest.fn(() => Promise.resolve(false)),
-      isGrayscaleEnabled: jest.fn(() => Promise.resolve(false)),
-      isInvertColorsEnabled: jest.fn(() => Promise.resolve(false)),
-      isReduceMotionEnabled: jest.fn(() => Promise.resolve(false)),
-      isHighTextContrastEnabled: jest.fn(() => Promise.resolve(false)),
-      isDarkerSystemColorsEnabled: jest.fn(() => Promise.resolve(false)),
-      prefersCrossFadeTransitions: jest.fn(() => Promise.resolve(false)),
-      isReduceTransparencyEnabled: jest.fn(() => Promise.resolve(false)),
-      isScreenReaderEnabled: jest.fn(() => Promise.resolve(false)),
-      setAccessibilityFocus: jest.fn(),
-      sendAccessibilityEvent: jest.fn(),
-      getRecommendedTimeoutMillis: jest.fn(() => Promise.resolve(false)),
-    },
-  }))
-  .mock('../Libraries/Components/Clipboard/Clipboard', () => ({
-    __esModule: true,
-    default: {
-      getString: jest.fn(() => ''),
-      setString: jest.fn(),
-    },
-  }))
-  .mock('../Libraries/Components/RefreshControl/RefreshControl', () => ({
-    __esModule: true,
-    // [Windows, see issue #14929
-    default: mockComponent(
-      '../Libraries/Components/RefreshControl/RefreshControl',
-      null, // instanceMethods
-      true, // isESModule
-    ),
-    // Windows]
-  }))
-  .mock('../Libraries/Components/ScrollView/ScrollView', () => {
-    const baseComponent = mockComponent(
-      '../Libraries/Components/ScrollView/ScrollView',
-      {
-        ...MockNativeMethods,
-        getScrollResponder: jest.fn(),
-        getScrollableNode: jest.fn(),
-        getInnerViewNode: jest.fn(),
-        getInnerViewRef: jest.fn(),
-        getNativeScrollRef: jest.fn(),
-        scrollTo: jest.fn(),
-        scrollToEnd: jest.fn(),
-        flashScrollIndicators: jest.fn(),
-        scrollResponderZoomTo: jest.fn(),
-        scrollResponderScrollNativeHandleToKeyboard: jest.fn(),
-      },
-      true, // isESModule
-    );
-    const mockScrollView = jest.requireActual('./mockScrollView');
-    return {
-      __esModule: true,
-      default: mockScrollView(baseComponent),
-    };
-  })
-  .mock('../Libraries/Components/ActivityIndicator/ActivityIndicator', () => ({
-    __esModule: true,
-    default: mockComponent(
-      '../Libraries/Components/ActivityIndicator/ActivityIndicator',
-      null, // instanceMethods
-      true, // isESModule
-    ),
-  }))
-  .mock('../Libraries/AppState/AppState', () => ({
-    __esModule: true,
-    default: {
-      addEventListener: jest.fn(() => ({
-        remove: jest.fn(),
-      })),
-      removeEventListener: jest.fn(),
-      currentState: jest.fn(),
-    },
-  }))
-  .mock('../Libraries/Linking/Linking', () => ({
-    __esModule: true,
-    default: {
-      openURL: jest.fn(),
-      canOpenURL: jest.fn(() => Promise.resolve(true)),
-      openSettings: jest.fn(),
-      addEventListener: jest.fn(() => ({
-        remove: jest.fn(),
-      })),
-      getInitialURL: jest.fn(() => Promise.resolve()),
-      sendIntent: jest.fn(),
-    },
-  }))
-  // Mock modules defined by the native layer (ex: Objective-C, Java)
-  .mock('../Libraries/BatchedBridge/NativeModules', () => ({
-    __esModule: true,
-    default: {
-      AlertManager: {
-        alertWithArgs: jest.fn(),
-      },
-      AsyncLocalStorage: {
-        multiGet: jest.fn((keys, callback) =>
-          process.nextTick(() => callback(null, [])),
-        ),
-        multiSet: jest.fn((entries, callback) =>
-          process.nextTick(() => callback(null)),
-        ),
-        multiRemove: jest.fn((keys, callback) =>
-          process.nextTick(() => callback(null)),
-        ),
-        multiMerge: jest.fn((entries, callback) =>
-          process.nextTick(() => callback(null)),
-        ),
-        clear: jest.fn(callback => process.nextTick(() => callback(null))),
-        getAllKeys: jest.fn(callback =>
-          process.nextTick(() => callback(null, [])),
-        ),
-      },
-      DeviceInfo: {
-        getConstants() {
-          return {
-            Dimensions: {
-              window: {
-                fontScale: 2,
-                height: 1334,
-                scale: 2,
-                width: 750,
-              },
-              screen: {
-                fontScale: 2,
-                height: 1334,
-                scale: 2,
-                width: 750,
-              },
-            },
-          };
-        },
-      },
-      DevSettings: {
-        addMenuItem: jest.fn(),
-        reload: jest.fn(),
-      },
-      ImageLoader: {
-        getSize: jest.fn(url => Promise.resolve([320, 240])),
-        getSizeWithHeaders: jest.fn((url, headers) =>
-          Promise.resolve({height: 222, width: 333}),
-        ),
-        prefetchImage: jest.fn(),
-        prefetchImageWithMetadata: jest.fn(),
-        queryCache: jest.fn(),
-      },
-      ImageViewManager: {
-        getSize: jest.fn((uri, success) =>
-          process.nextTick(() => success(320, 240)),
-        ),
-        prefetchImage: jest.fn(),
-      },
-      KeyboardObserver: {
-        addListener: jest.fn(),
-        removeListeners: jest.fn(),
-      },
-      NativeAnimatedModule: {
-        createAnimatedNode: jest.fn(),
-        updateAnimatedNodeConfig: jest.fn(),
-        getValue: jest.fn(),
-        startListeningToAnimatedNodeValue: jest.fn(),
-        stopListeningToAnimatedNodeValue: jest.fn(),
-        connectAnimatedNodes: jest.fn(),
-        disconnectAnimatedNodes: jest.fn(),
-        startAnimatingNode: jest.fn(
-          (animationId, nodeTag, config, endCallback) => {
-            setTimeout(() => endCallback({finished: true}), 16);
-          },
-        ),
-        stopAnimation: jest.fn(),
-        setAnimatedNodeValue: jest.fn(),
-        setAnimatedNodeOffset: jest.fn(),
-        flattenAnimatedNodeOffset: jest.fn(),
-        extractAnimatedNodeOffset: jest.fn(),
-        connectAnimatedNodeToView: jest.fn(),
-        disconnectAnimatedNodeFromView: jest.fn(),
-        restoreDefaultValues: jest.fn(),
-        dropAnimatedNode: jest.fn(),
-        addAnimatedEventToView: jest.fn(),
-        removeAnimatedEventFromView: jest.fn(),
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
-        removeListeners: jest.fn(),
-      },
-      Networking: {
-        sendRequest: jest.fn(),
-        abortRequest: jest.fn(),
-        addListener: jest.fn(),
-        removeListeners: jest.fn(),
-      },
-      PlatformConstants: {
-        getConstants() {
-          return {
-            reactNativeVersion: {
-              major: 1000,
-              minor: 0,
-              patch: 0,
-              prerelease: undefined,
-            },
-          };
-        },
-      },
-      PushNotificationManager: {
-        presentLocalNotification: jest.fn(),
-        scheduleLocalNotification: jest.fn(),
-        cancelAllLocalNotifications: jest.fn(),
-        removeAllDeliveredNotifications: jest.fn(),
-        getDeliveredNotifications: jest.fn(callback =>
-          process.nextTick(() => []),
-        ),
-        removeDeliveredNotifications: jest.fn(),
-        setApplicationIconBadgeNumber: jest.fn(),
-        getApplicationIconBadgeNumber: jest.fn(callback =>
-          process.nextTick(() => callback(0)),
-        ),
-        cancelLocalNotifications: jest.fn(),
-        getScheduledLocalNotifications: jest.fn(callback =>
-          process.nextTick(() => callback()),
-        ),
-        requestPermissions: jest.fn(() =>
-          Promise.resolve({alert: true, badge: true, sound: true}),
-        ),
-        abandonPermissions: jest.fn(),
-        checkPermissions: jest.fn(callback =>
-          process.nextTick(() =>
-            callback({alert: true, badge: true, sound: true}),
-          ),
-        ),
-        getInitialNotification: jest.fn(() => Promise.resolve(null)),
-        addListener: jest.fn(),
-        removeListeners: jest.fn(),
-      },
-      SourceCode: {
-        getConstants() {
-          return {
-            scriptURL: null,
-          };
-        },
-      },
-      StatusBarManager: {
-        setColor: jest.fn(),
-        setStyle: jest.fn(),
-        setHidden: jest.fn(),
-        setNetworkActivityIndicatorVisible: jest.fn(),
-        setBackgroundColor: jest.fn(),
-        setTranslucent: jest.fn(),
-        getConstants: () => ({
-          HEIGHT: 42,
-        }),
-      },
-      Timing: {
-        createTimer: jest.fn(),
-        deleteTimer: jest.fn(),
-      },
-      UIManager: {},
-      BlobModule: {
-        getConstants: () => ({BLOB_URI_SCHEME: 'content', BLOB_URI_HOST: null}),
-        addNetworkingHandler: jest.fn(),
-        enableBlobSupport: jest.fn(),
-        disableBlobSupport: jest.fn(),
-        createFromParts: jest.fn(),
-        sendBlob: jest.fn(),
-        release: jest.fn(),
-      },
-      WebSocketModule: {
-        connect: jest.fn(),
-        send: jest.fn(),
-        sendBinary: jest.fn(),
-        ping: jest.fn(),
-        close: jest.fn(),
-        addListener: jest.fn(),
-        removeListeners: jest.fn(),
-      },
-      I18nManager: {
-        allowRTL: jest.fn(),
-        forceRTL: jest.fn(),
-        swapLeftAndRightInRTL: jest.fn(),
-        getConstants: () => ({
-          isRTL: false,
-          doLeftAndRightSwapInRTL: true,
-        }),
-      },
-    },
-  }))
-  .mock('../Libraries/NativeComponent/NativeComponentRegistry', () => {
-    return {
-      get: jest.fn((name, viewConfigProvider) => {
-        return jest.requireActual('./mockNativeComponent').default(name);
-      }),
-      getWithFallback_DEPRECATED: jest.fn((name, viewConfigProvider) => {
-        return jest.requireActual('./mockNativeComponent').default(name);
-      }),
-      setRuntimeConfigProvider: jest.fn(),
-    };
-  })
-  .mock('../Libraries/ReactNative/requireNativeComponent', () => {
-    return jest.requireActual('./mockNativeComponent');
-  })
-  .mock('../Libraries/Vibration/Vibration', () => ({
-    __esModule: true,
-    default: {
-      vibrate: jest.fn(),
-      cancel: jest.fn(),
-    },
-  }))
-  .mock('../Libraries/Components/View/ViewNativeComponent', () => {
-    const React = require('react');
-    const Component = class extends React.Component {
-      render() {
-        return React.createElement('View', this.props, this.props.children);
-      }
-    };
-
-    Component.displayName = 'View';
-
-    return {
-      __esModule: true,
-      default: Component,
-    };
-  })
-  // In tests, we can use the default version instead of the one using
-  // dependency injection.
-  .mock('../Libraries/ReactNative/RendererProxy', () => {
-    return jest.requireActual(
-      '../Libraries/ReactNative/RendererImplementation',
-    );
-  })
-  .mock('../Libraries/Utilities/useColorScheme', () => ({
-    __esModule: true,
-    default: jest.fn().mockReturnValue('light'),
-  }));
+// $FlowFixMe[incompatible-call] - `./mocks/AppState` is incomplete.
+mock('m#../Libraries/AppState/AppState', 'm#./mocks/AppState');
+mock('m#../Libraries/BatchedBridge/NativeModules', 'm#./mocks/NativeModules');
+mock(
+  'm#../Libraries/Components/AccessibilityInfo/AccessibilityInfo',
+  'm#./mocks/AccessibilityInfo',
+);
+mock(
+  'm#../Libraries/Components/ActivityIndicator/ActivityIndicator',
+  'm#./mocks/ActivityIndicator',
+);
+mock('m#../Libraries/Components/Clipboard/Clipboard', 'm#./mocks/Clipboard');
+mock(
+  'm#../Libraries/Components/RefreshControl/RefreshControl',
+  // $FlowFixMe[incompatible-call] - `../Libraries/Components/RefreshControl/RefreshControl` should export a component type.
+  'm#./mocks/RefreshControl',
+);
+// $FlowFixMe[incompatible-exact] - `../Libraries/Components/ScrollView/ScrollView` is... I don't even.
+// $FlowFixMe[prop-missing]
+mock('m#../Libraries/Components/ScrollView/ScrollView', 'm#./mocks/ScrollView');
+mock('m#../Libraries/Components/TextInput/TextInput', 'm#./mocks/TextInput');
+mock('m#../Libraries/Components/View/View', 'm#./mocks/View');
+mock(
+  'm#../Libraries/Components/View/ViewNativeComponent',
+  // $FlowFixMe[incompatible-call] - `./mocks/ViewNativeComponent` is incomplete.
+  // $FlowFixMe[prop-missing]
+  'm#./mocks/ViewNativeComponent',
+);
+mock('m#../Libraries/Core/InitializeCore', 'm#./mocks/InitializeCore');
+mock('m#../Libraries/Core/NativeExceptionsManager');
+mock('m#../Libraries/Image/Image', 'm#./mocks/Image');
+// $FlowFixMe[incompatible-call] - `./mocks/Linking` is incomplete.
+mock('m#../Libraries/Linking/Linking', 'm#./mocks/Linking');
+// $FlowFixMe[incompatible-call] - `../Libraries/Modal/Modal` should export a component type.
+mock('m#../Libraries/Modal/Modal', 'm#./mocks/Modal');
+mock(
+  'm#../Libraries/NativeComponent/NativeComponentRegistry',
+  // $FlowFixMe[prop-missing] - `./mocks/NativeComponentRegistry` should export named functions.
+  'm#./mocks/NativeComponentRegistry',
+);
+// $FlowFixMe[prop-missing] - `./mocks/RendererProxy` is incomplete.
+mock('m#../Libraries/ReactNative/RendererProxy', 'm#./mocks/RendererProxy');
+mock(
+  'm#../Libraries/ReactNative/requireNativeComponent',
+  'm#./mocks/requireNativeComponent',
+);
+// $FlowFixMe[prop-missing] - `./mocks/UIManager` is incomplete.
+mock('m#../Libraries/ReactNative/UIManager', 'm#./mocks/UIManager');
+mock('m#../Libraries/Text/Text', 'm#./mocks/Text');
+mock('m#../Libraries/Utilities/useColorScheme', 'm#./mocks/useColorScheme');
+// $FlowFixMe[incompatible-call]
+mock('m#../Libraries/Vibration/Vibration', 'm#./mocks/Vibration');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-windows",
-  "version": "0.80.1",
+  "version": "0.81.0-preview.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,16 +26,16 @@
     "@react-native-community/cli": "17.0.0",
     "@react-native-community/cli-platform-android": "17.0.0",
     "@react-native-community/cli-platform-ios": "17.0.0",
-    "@react-native-windows/cli": "0.80.0",
+    "@react-native-windows/cli": "0.81.0-preview.1",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.80.0",
-    "@react-native/codegen": "0.80.0",
-    "@react-native/community-cli-plugin": "0.80.0",
-    "@react-native/gradle-plugin": "0.80.0",
-    "@react-native/js-polyfills": "0.80.0",
-    "@react-native/new-app-screen": "0.80.0-nightly-20250506-3ac16dd6a",
-    "@react-native/normalize-colors": "0.80.0",
-    "@react-native/virtualized-lists": "0.80.0",
+    "@react-native/assets-registry": "0.81.0-nightly-20250709-6892dde36",
+    "@react-native/codegen": "0.81.0-nightly-20250709-6892dde36",
+    "@react-native/community-cli-plugin": "0.81.0-nightly-20250709-6892dde36",
+    "@react-native/gradle-plugin": "0.81.0-nightly-20250709-6892dde36",
+    "@react-native/js-polyfills": "0.81.0-nightly-20250709-6892dde36",
+    "@react-native/normalize-colors": "0.81.0-nightly-20250709-6892dde36",
+    "@react-native/virtualized-lists": "0.81.0-nightly-20250709-6892dde36",
+    "@react-native/new-app-screen": "0.81.0-nightly-20250709-6892dde36",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
@@ -68,38 +68,38 @@
     "yargs": "^17.6.2"
   },
   "devDependencies": {
-    "@react-native-windows/codegen": "0.80.0",
-    "@react-native/metro-config": "0.80.0",
+    "@react-native-windows/codegen": "0.81.0-preview.1",
+    "@react-native/metro-config": "0.81.0-nightly-20250709-6892dde36",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
-    "@rnw-scripts/eslint-config": "1.2.36",
-    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.40",
-    "@rnw-scripts/just-task": "2.3.54",
+    "@rnw-scripts/eslint-config": "1.2.37",
+    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.41",
+    "@rnw-scripts/just-task": "2.3.56",
     "@rnw-scripts/metro-dev-config": "0.0.0",
     "@rnx-kit/jest-preset": "^0.1.17",
-    "@types/node": "^18.0.0",
-    "@types/react": "^19.0.0",
+    "@types/node": "^22.14.0",
+    "@types/react": "^19.1.0",
     "eslint": "^8.19.0",
-    "flow-bin": "^0.267.0",
+    "flow-bin": "^0.274.2",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
     "prettier": "2.8.8",
     "react": "19.1.0",
-    "react-native": "0.80.0",
-    "react-native-platform-override": "^1.9.56",
+    "react-native": "0.81.0-rc.0",
+    "react-native-platform-override": "^1.9.59",
     "react-refresh": "^0.14.0",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
     "@types/react": "^19.1.0",
     "react": "^19.1.0",
-    "react-native": "^0.80.0"
+    "react-native": "0.81.0-nightly-20250709-6892dde36"
   },
   "beachball": {
-    "defaultNpmTag": "latest",
+    "defaultNpmTag": "preview",
     "disallowedChangeTypes": [
       "major",
       "minor",
-      "prerelease",
+      "patch",
       "premajor",
       "preminor",
       "prepatch"
@@ -149,6 +149,6 @@
   ],
   "promoteRelease": true,
   "engines": {
-    "node": ">= 18"
+    "node": ">= 22"
   }
 }

package/src/private/animated/NativeAnimatedHelper.js

@@ -57,7 +57,7 @@ const eventListenerAnimationFinishedCallbacks: {
 let globalEventEmitterGetValueListener: ?EventSubscription = null;
 let globalEventEmitterAnimationFinishedListener: ?EventSubscription = null;
 
-const shouldSignalBatch =
+const shouldSignalBatch: boolean =
   ReactNativeFeatureFlags.animatedShouldSignalBatch() ||
   ReactNativeFeatureFlags.cxxNativeAnimatedEnabled();
 
@@ -97,12 +97,18 @@ function createNativeOperations(): $NonMaybeType<typeof NativeAnimatedModule> {
         // is possible because # arguments is fixed for each operation. For more
         // details, see `NativeAnimatedModule.queueAndExecuteBatchedOperations`.
         singleOpQueue.push(operationID, ...args);
+        if (shouldSignalBatch) {
+          clearImmediate(flushQueueImmediate);
+          flushQueueImmediate = setImmediate(API.flushQueue);
+        }
       };
     }
   } else {
     for (let ii = 0, length = methodNames.length; ii < length; ii++) {
       const methodName = methodNames[ii];
       nativeOperations[methodName] = (...args) => {
+        /* $FlowFixMe[prop-missing] Natural Inference rollout. See
+         * https://fburl.com/workplace/6291gfvu */
         const method = nullthrows(NativeAnimatedModule)[methodName];
         // If queueing is explicitly on, *or* the queue has not yet
         // been flushed, use the queue. This is to prevent operations
@@ -436,6 +442,7 @@ export default {
   generateNewAnimationId,
   assertNativeAnimatedModule,
   shouldUseNativeDriver,
+  shouldSignalBatch,
   transformDataType,
   // $FlowExpectedError[unsafe-getters-setters] - unsafe getter lint suppression
   // $FlowExpectedError[missing-type-arg] - unsafe getter lint suppression