Enables Basic View Transition support for React Native Fabric renderer by zeyap · Pull Request #35764 · facebook/react

zeyap · 2026-02-11T17:18:00Z

Summary

Enables Basic View Transition support for React Native Fabric renderer.

Implemented:

Added FabricUIManager bindings for view transition methods: measureInstance, applyViewTransitionName, startViewTransition, restoreViewTransitionName, and cancelViewTransitionName
Implemented startViewTransition with proper callback orchestration (mutation → layout → afterMutation → spawnedWork → passive)
Added fallback behavior that flushes work synchronously when Fabric's startViewTransition returns false (e.g., when the ViewTransition ReactNativeFeatureFlag is not enabled)
Added Flow type declarations for new FabricUIManager methods

Stubbed with __DEV__ warnings (not yet implemented):

cancelRootViewTransitionName
restoreRootViewTransitionName
cloneRootViewTransitionContainer
removeRootViewTransitionClone
measureClonedInstance
hasInstanceChanged
hasInstanceAffectedParent
startGestureTransition
stopViewTransition
getCurrentGestureOffset

This allows React Native apps using Fabric to leverage the View Transition API for coordinated animations during state transitions, with graceful degradation when the native side doesn't support it.

Below are diagrams of proposed architecture in fabric, and observation of what/when config functions get called during a basic shared transition example

How did you test this change?

yarn flow fabric - Flow type checks pass
yarn lint - Lint checks pass
Manually tested in Android catalyst app with enableViewTransition in ReactFeatureFlags.test-renderer.native-fb.js and View Transition enabled via ReactNativeFeatureFlag
Verified in the minified ReactFabric-dev.fb.js that the 'shim' config functions are not included
Verified fallback behavior logs warning in __DEV__ and flushes work synchronously when ViewTransition flag isn't enabled in Fabric

react-sizebot · 2026-02-11T17:21:19Z

The size diff is too large to display in a single comment. The GitHub action for this pull request contains an artifact called 'sizebot-message.md' with the full message.

Generated by 🚫 dangerJS against c730c17

Summary: Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Pull Request resolved: facebook#55742 Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Pull Request resolved: facebook#55742 Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

packages/react-native-renderer/src/ReactFiberConfigFabric.js

packages/react-reconciler/src/ReactFiberCommitViewTransitions.js

facebook#55742) Summary: Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Pull Request resolved: facebook#55742 Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Pull Request resolved: facebook#55742 Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Pull Request resolved: facebook#55742 Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

facebook#55742) Summary: Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193

#55742) Summary: Pull Request resolved: #55742 Changelog: [General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764) - `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot - `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration - `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks The delegate methods are gated by the `viewTransitionEnabled` feature flag. Reviewed By: sammy-SC Differential Revision: D92537193 fbshipit-source-id: 3124ab4d65b554602a50bd2f67ab2fa537708f88

…n out of ReactFiberConfigWithNoMutation

Summary: - turn on enableViewTransition feature - stub shim - run some mutation config fn at persistence mode too

Better reflects that this signals the transition has started rather than initiating it.

…enable startViewTransition

…m fabric

…ansition.js

meta-cla bot added the CLA Signed label Feb 11, 2026

jackpope self-requested a review February 18, 2026 21:29

zeyap mentioned this pull request Feb 25, 2026

Add UIManagerViewTransitionDelegate interface and View Transition APIs facebook/react-native#55742

Closed

rickhanlonii reviewed Feb 25, 2026

View reviewed changes

packages/react-native-renderer/src/ReactFiberConfigFabric.js Show resolved Hide resolved

rickhanlonii reviewed Feb 25, 2026

View reviewed changes

packages/react-reconciler/src/ReactFiberCommitViewTransitions.js Outdated Show resolved Hide resolved

zeyap force-pushed the view-transition-fabric branch from 3b94734 to 143065d Compare March 5, 2026 19:48

zeyap added 11 commits March 5, 2026 15:11

create supportsViewTransition and ReactFiberConfigWithNoViewTransitio…

db2eee7

…n out of ReactFiberConfigWithNoMutation

enableViewTransition for RN

48076e8

Summary: - turn on enableViewTransition feature - stub shim - run some mutation config fn at persistence mode too

invoke FabricUIManager methods

3b9f83a

Rename fabricStartViewTransition to fabricViewTransitionStarted

a057ab7

Better reflects that this signals the transition has started rather than initiating it.

restore/cancelViewTransitionName; fallback behavior if fabric doesnt …

302738d

…enable startViewTransition

fix flow

0060ada

turn off enableViewTransition for fb rn renderer by default

cc89ae5

prettier

76feda3

make startViewTransition async and return ready & finished promises

64a7c0b

update startViewTransition to use ready/finished promise returned fro…

3a70733

…m fabric

move vt specific config functions to ReactFiberConfigFabricWithViewTr…

def44a1

…ansition.js

zeyap force-pushed the view-transition-fabric branch from 143065d to def44a1 Compare March 5, 2026 20:14

implement function createViewTransitionInstance

c730c17

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Enables Basic View Transition support for React Native Fabric renderer#35764

Enables Basic View Transition support for React Native Fabric renderer#35764
zeyap wants to merge 12 commits intofacebook:mainfrom
zeyap:view-transition-fabric

zeyap commented Feb 11, 2026 •

edited

Loading

Uh oh!

react-sizebot commented Feb 11, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

zeyap commented Feb 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

How did you test this change?

Uh oh!

react-sizebot commented Feb 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

zeyap commented Feb 11, 2026 •

edited

Loading

react-sizebot commented Feb 11, 2026 •

edited

Loading