Skip to content

fix: use Animated.View for RainbowToast inner content container#7336

Merged
janicduplessis merged 1 commit intodevelopfrom
@janic/fix-rainbow-toast-animated-view
Apr 13, 2026
Merged

fix: use Animated.View for RainbowToast inner content container#7336
janicduplessis merged 1 commit intodevelopfrom
@janic/fix-rainbow-toast-animated-view

Conversation

@janicduplessis
Copy link
Copy Markdown
Contributor

@janicduplessis janicduplessis commented Apr 10, 2026

Fixes APP-3621

What changed (plus any additional context for devs)

Extracted from the new arch migration PR #6924.

The RainbowToast inner content container receives an animated style (contentContainerStyle β€” a minWidth spring animation) but uses a plain View as the host component. On new arch, applying Reanimated animated styles to non-animated host components does not work.

Note: on current arch (Paper), the animated style on a plain View is silently ignored, meaning the minWidth spring animation was never actually running. Switching to Animated.View will make it work for the first time β€” the toast width will now animate smoothly when content changes rather than snapping. This should look better but is worth verifying visually.

What to test

Screen.Recording.2026-04-10.at.4.46.36.PM.mov
  • Trigger a toast content change (e.g. pending β†’ confirmed) and verify the width transition looks smooth

Replace plain View with Animated.View for the inner content container
that receives an animated style (contentContainerStyle). Applying
animated styles to non-animated host components causes issues on
the new architecture.
@linear
Copy link
Copy Markdown

linear Bot commented Apr 10, 2026

@github-actions
Copy link
Copy Markdown

πŸ§ͺ Flashlight Performance Report (AWS Device Farm)

πŸ”€ Commit: 370594e

πŸ“Ž View Artifacts

Metric Current Ξ” vs Baseline
Time to Interactive (TTI) 5609 ms –
Average FPS 56.71 –
Average RAM 394.5 MB –

@janicduplessis janicduplessis requested a review from olerass April 10, 2026 20:02
@github-actions
Copy link
Copy Markdown

Launch in simulator or device for 370594e

@janicduplessis janicduplessis merged commit 3061589 into develop Apr 13, 2026
20 checks passed
@janicduplessis janicduplessis deleted the @janic/fix-rainbow-toast-animated-view branch April 13, 2026 13:04
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.

2 participants