Skip to content

⬆️ Upgrade dependency react-native-reanimated to v4.5.0#175

Closed
renovate[bot] wants to merge 1 commit into
mainfrom
renovate/react-native-reanimated-4.x
Closed

⬆️ Upgrade dependency react-native-reanimated to v4.5.0#175
renovate[bot] wants to merge 1 commit into
mainfrom
renovate/react-native-reanimated-4.x

Conversation

@renovate

@renovate renovate Bot commented Jun 26, 2026

Copy link
Copy Markdown
Contributor

ℹ️ Note

This PR body was truncated due to platform limits.

This PR contains the following updates:

Package Change Age Confidence
react-native-reanimated (source) 4.1.14.5.0 age confidence

Release Notes

software-mansion/react-native-reanimated (react-native-reanimated)

v4.5.0: Reanimated - 4.5.0

Compare Source

Key changes

More props supported by CSS Core Animation

Shadow (shadowColor, shadowOpacity, shadowRadius, shadowOffset), background, and border (backgroundColor, borderColor, borderWidth, borderRadius) CSS transitions now run on iOS Core Animation.

Using CSS Core Animation required enabling IOS_CSS_CORE_ANIMATION feature flag.

CSS Animations Pseudoselectors

CSS animations now support pseudo-selectors such as :hover, :active, and :focus, with native Apple and Android backends alongside a web implementation.

  • feat: pseudo-selectors web implementation by @​wisniewskij in #​9474
  • feat: CSS Pseudoselectors - android backend by wisniewskij in #​9432
  • feat: CSS Pseudoselectors - apple backend by wisniewskij in #​9297
CSS Animations web support for SVG

Animating react-native-svg components is now available on web.

  • feat: register remaining react-native-svg components for web CSS animations by MatiPl01 in (#​9549)
SharedTransitionBoundary component

Introducing the <SharedTransitionBoundary> component, which scopes shared element transitions to a subtree so only matching elements within the boundary animate together. Useful for isolating shared transitions between screens that would otherwise interfere.

Other changes

New Contributors

Full Changelog: software-mansion/react-native-reanimated@4.4.1...4.5.0

v4.4.1: Reanimated - 4.4.1

Compare Source

What's Changed

Full Changelog: software-mansion/react-native-reanimated@4.4.0...4.4.1

v4.4.0: Reanimated - 4.4.0

Compare Source

Key changes

iOS CSS Core Animation

Reanimated 4.4.0 introduces a new platform-backed CSS animation engine on iOS that runs animations
directly on Core Animation layers instead of going through the JS-driven update loop. It is hidden
behind the IOS_CSS_CORE_ANIMATION static feature flag.

Animation Backend

A new Animation Backend has been integrated behind a feature flag, which will help greatly with the flow of updating the Shadow Tree in animations.

New useTimestamp hook

A new useTimestamp hook exposes the current frame timestamp as a Shared Value that updates every
frame with the time elapsed since the first frame, with an isActive flag to pause and resume updates.

Precompiled headers on Android

Reanimated's native build on Android now uses precompiled headers (ReanimatedPCH.h), significantly
reducing C++ compile times for both fresh and incremental builds.

Other changes

New Contributors

Full Changelog: software-mansion/react-native-reanimated@4.3.1...4.4.0

v4.3.1: Reanimated - 4.3.1

Compare Source

What's Changed

Full Changelog: software-mansion/react-native-reanimated@4.3.0...4.3.1

v4.3.0: Reanimated - 4.3.0

Compare Source

Key changes

CSS SVG Animations

CSS animations now support animating SVG components and their properties, including Path, Image, LinearGradient, RadialGradient, Pattern and Text. This includes support for animating the d property of Path components with a special handling for path morphing.

Shared Value re-implementation

Shared Value internal implementation changed - now it uses Shareable type from react-native-worklets as its internal value container. That means you can finally use Shared Values from other Worklet Runtimes than just the UI Runtime. Also USE_SYNCHRONIZABLE_IN_MUTABLE optimization feature flag is now enabled by default.

Animated Styles type changes

TypeScript type of Animated Styles now makes it impossible to accidentally pass them to non-animated components. This replaces previous runtime-check for this kind of mistake, which proved to be prone to false positives.

  • refactor: make AnimatedStyle type fail on non-animated components by @​tjzel in #​8990

Fixes

Refactors

Note

PR body was truncated to here.


Configuration

📅 Schedule: (UTC)

  • Branch creation
    • At any time (no schedule defined)
  • Automerge
    • At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@renovate renovate Bot added the 📌 Dependencies External library or package updates label Jun 26, 2026
@Friedinger Friedinger closed this Jun 26, 2026
@renovate

renovate Bot commented Jun 26, 2026

Copy link
Copy Markdown
Contributor Author

Renovate Ignore Notification

Because you closed this PR without merging, Renovate will ignore this update (4.5.0). You will get a PR once a newer version is released. To ignore this dependency forever, add it to the ignoreDeps array of your Renovate config.

If you accidentally closed this PR, or if you changed your mind: rename this PR to get a fresh replacement PR.

@renovate renovate Bot deleted the renovate/react-native-reanimated-4.x branch June 26, 2026 19:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

📌 Dependencies External library or package updates

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant