Skip to content

chore(deps): bump react-native-reanimated from 4.5.1 to 4.7.0 in /mobile - #431

Open
dependabot[bot] wants to merge 1 commit into
mainfrom
dependabot/npm_and_yarn/mobile/react-native-reanimated-4.7.0
Open

dependabot[bot] wants to merge 1 commit into
mainfrom
dependabot/npm_and_yarn/mobile/react-native-reanimated-4.7.0

Conversation

@dependabot

@dependabot dependabot Bot commented on behalf of github Sep 21, 2026

Copy link
Copy Markdown
Contributor

Bumps react-native-reanimated from 4.5.1 to 4.7.0.

Release notes

Sourced from react-native-reanimated's releases.

Reanimated - 4.7.0

Key changes

New layout animations engine is the default

Layout animations now run on the new engine by default.

If the new engine causes a regression in your app, enable the USE_LEGACY_LAYOUT_ANIMATIONS_PROXY feature flag to go back to the previous engine, and please report an issue. The previous engine does not support shared element transitions, so you cannot enable this flag together with ENABLE_SHARED_ELEMENT_TRANSITIONS.

Shared element transitions fixes

This release fixes more shared element transition bugs and brings the feature closer to a stable release. The feature is still experimental. Enable it with the ENABLE_SHARED_ELEMENT_TRANSITIONS feature flag.

backgroundImage in animated styles

useAnimatedStyle now supports backgroundImage. You can give linear and radial gradients as objects or as CSS strings. Reanimated processes them on the UI thread.

More CSS transition properties on the Android platform path

... (truncated)

Changelog

Sourced from react-native-reanimated's changelog.

4.7.0 — 2026-09-18

🛠 Breaking changes

  • AnimatedRefOnUI is now a ShareableHost<ShadowNodeWrapper | null> read with .value instead of a callable, and AnimatedRefOnJS was renamed to AnimatedRefOnRN. measure on an unmounted ref now returns null and warns instead of calling into _measure. (#10413 by @​tjzel)
  • Remove the USE_SYNCHRONIZABLE_FOR_MUTABLES feature flag. Mutables always use Synchronizable state now. (#10298 by @​tjzel)
  • Make the light-tree layout animations proxy the default. Enable the new USE_LEGACY_LAYOUT_ANIMATIONS_PROXY feature flag to roll back to the previous implementation. The legacy proxy does not support Shared Element Transitions, so ENABLE_SHARED_ELEMENT_TRANSITIONS must be off when you enable it. (#10423 by @​pawicao)

🎉 New features

  • Run shadowColor CSS transitions on the Android platform animation path on Android 9 and newer. (#10547 by @​MatiPl01)
  • Run CSS transitions for backgroundColor, borderColor, and numeric borderRadius on the Android platform animation path. (#10310 by @​MatiPl01)
  • Add backgroundImage support to animated styles. Linear and radial gradients are accepted as objects or CSS strings and processed on the UI thread. (#10486 by @​tshmieldev)
  • Add iOS Swift Package Manager support via Package.swift and SPM integration metadata in react-native.config.js, with a dependency on RNWorklets. (#10472 by @​kacperzolkiewski)
  • Add an optional onLog callback as a second argument to configureReanimatedLogger, invoked for every warning and error that passes the level and strict filters, in addition to the default console output. On native, logs raised on the UI runtime are delivered asynchronously on the React Native Runtime. (#10482 by @​douglowder)

🐛 Bug fixes

  • Fix a property removed from transitionProperty while it transitions to or from undefined (its style key was just removed or added) finishing the transition instead of snapping to the committed value. (#10613 by @​MatiPl01)
  • Fix a property removed from transitionProperty mid-transition reverting to the interpolator default (for example borderRadius: 0) instead of the committed style on Android. (#10614 by @​MatiPl01)
  • Reject a backgroundImage gradient given as an object when a transition hint is not placed between two color stops, and reject gradients with fewer than two color stops in both the object and the string form; React Native crashes on iOS or Android when such values reach the renderer. (#10589 by @​matipl01)
  • Fix a crash in the light tree based Layout Animations proxy when a view is flattened while one of its children is removed in the same commit. (#10628 by @​bartlomiejbloniarz)
  • Remove zIndex from the synchronous props. No platform applies zIndex to a mounted view, so with IOS_SYNCHRONOUSLY_UPDATE_UI_PROPS on, an animated style with only zIndex and elevation never reached the shadow tree commit and the views did not reorder until a later React render. (#10602 by @​pawicao)
  • Stop passing forwardedRef and nativeID to the wrapped component on web, which React Strict DOM reported as invalid props. (#10605 by @​tjzel)
  • Preserve Android color and other prop updates when hiding and restoring shared transition views. (#10601 by @​bartlomiejbloniarz)
  • Prevent Shared Transition Boundaries from intercepting touches intended for sibling views while keeping their children interactive. (#10600 by @​bartlomiejbloniarz)
  • Skip exiting animations in the light tree based Layout Animations proxy when a surface is stopped, so the empty-root transaction removes the views at once instead of starting animations on a dead surface and leaving their component views registered on iOS. (#10586 by @​bartlomiejbloniarz)
  • Resolve a percent translate of a shared view or of its ancestor with the size of the view that owns it in shared element transitions, so the transition copy no longer starts at a wrong position and translateX: '50%' no longer animates as 50 points. (#10617 by @​pawicao)
  • Start a shared element transition from the frame of a running layout animation on the source view. (#10556 by @​pawicao)
  • Track synchronous prop updates in the layout animations bookkeeping behind the TRACK_SYNCHRONOUS_PROPS_IN_LAYOUT_ANIMATIONS dynamic feature flag, so shared element transitions and layout animations start from the current props of a view that moved through the synchronous path; warn in development when a transition or layout animation starts on such a view with the flag off. A queued or running layout animation always receives the synchronous props, so a prop changed during the animation no longer blinks back on the next frame. The synchronous-update feature flags now work together with ENABLE_SHARED_ELEMENT_TRANSITIONS. (#10522 by @​pawicao)
  • Carry a view's current registry values in the Reanimated commits that change its layout props, so iOS no longer writes a stale transform back to a view that moved through the synchronous path. (#10416 by @​pawicao)
  • Warn only once per caller when dependencies are passed to native hooks. (#10562 by @​tshmieldev)
  • Release the shadow tree of a stopped surface; the last mounted root of every surface was kept forever, so apps that start a surface per screen leaked the whole tree of every closed screen. (#10579 by @​MatiPl01)
  • Keep borderWidth CSS transitions on the animation loop on iOS, so the children move with the border and no stray black border is drawn. (#10569 by @​MatiPl01)
  • Resume a shadowOffset CSS transition from its in-flight value when it moves from Core Animation to the C++ loop, instead of restarting from the previously committed offset. (#10564 by @​MatiPl01)
  • Fix CSS platform transitions ignoring slow animations: on iOS they snapped to the end state under the Simulator's Slow Animations, and on Android they played at full speed under the dev-menu toggle. (#10548 by @​MatiPl01)
  • Fix the Release Android build failing on an unused variable in SharedTransitions.cpp, and the backgroundImage style types failing to compile with React Native 0.85, 0.86 and nightly. (#10558 by @​tjzel)
  • Keep a delayed CSS transition at its start value when it is interrupted or reversed before its delay ends; the platform path used to evaluate the easing at progress 0, which is the end value for step-start. (#10356 by @​MatiPl01)
  • Restore the underlying native style when a running CSS animation is removed or its animationName becomes none. (#10528 by @​MatiPl01)
  • Fixed a crash after animations settled when backgroundImage was animated with useAnimatedStyle. The settled props sync now converts the native gradient format back before passing it to React. (#10542 by @​tshmieldev)
  • Include the React Native version macros through <React/Utils.h> when it is available, so cxxreact/ReactNativeVersion.h deprecated on React Native main no longer breaks the build. (#10536 by @​tshmieldev)
  • Fix a short animationDelay list on web applying no delay to the animations past its end instead of repeating, the way CSS does and the native path already did. (#10442 by @​dennytosp)
  • Fix padded string style values throwing, retaining their padding or parsing incorrectly, including SVG gradient stop offsets such as '50% '. (#10422 by @​matipl01)
  • Fix filter strings using the CSS hue-rotate() and drop-shadow() spellings being discarded together with every other filter in the same declaration. (#10383 by @​dennytosp)
  • Fix single-argument translate() and skew() in transform strings repeating the argument on the Y axis instead of leaving it at zero, so translate(100px) no longer also moves the element down. (#10385 by @​dennytosp)
  • Fix the Metro configuration type import to use the public package export. (#10454 by @​sneakykiwi)
  • Skip the Android mounted-tag correction in Layout Animations when React Native's enableMountingCoordinatorPullModelAndroid feature flag is on, since the pull model already guarantees that updates can't outrun a view's first mount. (#10481 by @​piaskowyk)
  • Fix Keyframe easings on web being dropped or applied to the wrong keyframe when the definitions use the from/to aliases or fractional offsets. (#10386 by @​dennytosp)
  • Fix getViewProp and the runtime-tests prop snapshotting crashing (segfault on style props, unhandled error on layout props) when the view is no longer mounted. (#10443 by @​tjzel)
  • Ship the Jest resolver (react-native-reanimated/jest/resolver) in the npm package, so consumer projects can run Jest against Reanimated: the modules that require a real native module are resolved to their web implementations. (#10377 by @​huextrat)

... (truncated)

Commits
  • d36edbc release(Reanimated): 4.7.0 (#10635)
  • 3d08211 chore: prepare branch for reanimated 4.7.0 release (#10634)
  • 0c5e09d fix: cancel a CSS transition removed from transitionProperty while it runs to...
  • 209a7e8 fix: revert a property removed from transitionProperty to the committed style...
  • 6526e8f fix(CSS): validate gradient color stops before they reach the renderer (#10589)
  • f1c6126 fix: resolve a percent translate with the size of its owner in shared element...
  • 62fd0b1 fix(LayoutAnimations): don't crash when a view is flattened while one of its ...
  • cdbc721 fix: drop zIndex from the synchronous props (#10602)
  • 7bacf2a chore: patch react-native-svg to raise the iOS and tvOS deployment target to ...
  • e48924f fix(Reanimated): stop passing forwardedRef and nativeID to wrapped components...
  • Additional commits viewable in compare view

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Bumps [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated/tree/HEAD/packages/react-native-reanimated) from 4.5.1 to 4.7.0.
- [Release notes](https://github.com/software-mansion/react-native-reanimated/releases)
- [Changelog](https://github.com/software-mansion/react-native-reanimated/blob/4.7.0/packages/react-native-reanimated/CHANGELOG.md)
- [Commits](https://github.com/software-mansion/react-native-reanimated/commits/4.7.0/packages/react-native-reanimated)

---
updated-dependencies:
- dependency-name: react-native-reanimated
  dependency-version: 4.7.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot @github

dependabot Bot commented on behalf of github Sep 21, 2026

Copy link
Copy Markdown
Contributor Author

Labels

The following labels could not be found: mobile. Please create it before Dependabot can add it to a pull request.

Please fix the above issues or remove invalid values from dependabot.yml.

@dependabot dependabot Bot added the dependencies Pull requests that update a dependency file label Sep 21, 2026
@dependabot
dependabot Bot requested a review from riccardo0731 as a code owner September 21, 2026 16:49
@dependabot dependabot Bot added the dependencies Pull requests that update a dependency file label Sep 21, 2026
@sonarqubecloud

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants