Skip to content

Fix implicit layout animations during modal presentation#158

Merged
SzymczakJ merged 1 commit into0.81.4-discordfrom
szymczak/add-rnsscreens-workaround
Mar 31, 2026
Merged

Fix implicit layout animations during modal presentation#158
SzymczakJ merged 1 commit into0.81.4-discordfrom
szymczak/add-rnsscreens-workaround

Conversation

@SzymczakJ
Copy link
Copy Markdown

Summary

When a React Navigation native stack screen is presented as a modal, UIKit's presentViewController:animated:YES creates an animation context (~350ms) that causes React Fabric's async layout updates to be implicitly animated, resulting in visible "fly-in" animations on views and scale animations on text.

This adds two fixes:

  • Wrap center/bounds assignments in updateLayoutMetrics: with a CATransaction that disables implicit animations
  • Add actionForLayer:forKey: override to RCTParagraphTextView to disable implicit layer animations on text views

Tracked in https://app.asana.com/1/236888843494340/project/1199705967702853/list/1204187545226790

@SzymczakJ SzymczakJ merged commit a97d729 into 0.81.4-discord Mar 31, 2026
42 of 47 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant